jsonp简易用法:
客户端:
<script type="text/javascript">
<!--
jQuery(function($){
$.getJSON("test.php?jsoncallback=?", function(data){
//
});
});
//-->
</script>
服务器端PHP:
$callback = $_GET['jsoncallback'];
header("Content-type: text/html; charset=utf-8");
echo $callback . "(" . $json . ")";
jsonp完整写法:
客户端:
<script type="text/javascript">
<!--
jQuery(function($){
$.ajax({
type: "get",
async: false,
url: "test.php",
dataType: "jsonp",
jsonp: "callbackparam", //回调函数的参数
jsonpCallback: "success_callback", //回调函数的名称
success: function(data){
//
},
error: function(){
//alert('fail');
}
});
});
//-->
</script>
服务器端:
$callback = $_GET['callbackparam'];
header("Content-type: text/html; charset=utf-8");
echo $callback . "(" . $json . ")";
注意:红色部分要一致。
- 大小: 7.5 KB
分享到:
相关推荐
`jquery-jsonp-master.zip`这个压缩包文件包含了一个专门用于jQuery的JSONP插件,旨在简化和优化JSONP请求的过程。通过这个插件,开发者能够更方便地在他们的应用中集成跨域数据请求,从而获取远程服务器上的JSON...
这里,`dataType`指定为'jsonp',jQuery会自动处理JSONP的请求过程,包括动态创建`<script>`标签以及处理回调函数。`jsonp`参数可以用来指定回调函数的名称。 需要注意的是,JSONP只支持GET请求,且存在安全隐患,...
在JavaScript的世界里,由于同源策略的限制,浏览器禁止了不同源之间进行AJAX通信,但JSONP(JSON with Padding)作为一种巧妙的方式,允许我们绕过这个限制,实现在jQuery中进行跨域请求。本篇文章将深入探讨JSONP...
本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求,以及如何在服务器端使用.Net的*.handler和WebService来返回JSON数据。 首先,理解JSONP的基本原理。JSONP是一种非官方的协议,通过动态创建`...
**Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中,Ajax技术被广泛用于实现页面的异步更新,但浏览器的同源策略(Same-Origin Policy)限制了Ajax请求只能向同源(协议、域名、端口均相同)的服务器发送。这在...
在jQuery中,JSONP提供了两种实现方式,主要用于解决JavaScript进行AJAX请求时遇到的跨域问题。 ### 第一种实现方式 在jQuery中,我们可以通过设置`dataType`参数为`"jsonp"`来指定使用JSONP。同时,我们需要指定`...
JQuery是流行的JavaScript库之一,其Ajax模块支持JSONP方式的跨域请求。支持JSONP的方式有以下几种: 1. 使用$.ajax方法,设置`crossDomain`为`true`和`dataType`为`jsonp`,如下代码示例: ```javascript $.ajax({...
接下来,我们详细解析Jquery如何使用ajax的JSONP方式来实现这一功能: 1. 引入Jquery库:在HTML文件中,你需要引入Jquery库,通常使用CDN链接,如: ```html <script src="https://code.jquery....
在互联网应用中,由于同源策略的限制,不同域之间进行数据交互往往会受到限制,这就是所谓的跨域问题。为了解决跨域问题,...通过本文的详细解析,相信开发者可以更好地掌握jQuery结合JSONP进行跨域数据获取的技巧。
- `<script type='text/javascript' src='commons/scripts/jquery.js'></script>`:引入jQuery库,这是执行JSONP请求的前提,因为JSONP是jQuery支持的功能之一。 3. **jQuery部分**: - `$$(function() { ... })`...
JSONP(JSON with Padding)是一种常见的解决JavaScript跨域问题的技术,尤其在jQuery中得到了广泛的应用。由于浏览器的同源策略限制,JavaScript通常无法在不同源之间进行Ajax请求。但JSONP巧妙地利用了HTML中`...
这样,当浏览器接收到响应时,会执行预先定义好的`jsonp1236827957501`函数,将数据解析并传递给客户端的回调函数。 总结起来,jQuery和JSONP提供了一种简单有效的方式,使得JavaScript能够跨域获取数据。虽然这种...
本话题将深入探讨如何利用jQuery的Ajax功能进行跨域请求,以解析IP接口,主要关注JSONP这一跨域解决方案。 首先,我们需要理解“跨域”这个概念。在Web开发中,由于浏览器的同源策略限制,JavaScript不能随意访问...
### jQuery Ajax 全解析知识点详细说明 #### jQuery 简介 jQuery 是一个非常流行的JavaScript库,由John Resig在2006年发布。它主要用于简化JavaScript的编程,让开发者能够使用较少的代码实现强大的动态功能。...
5. **JavaScript和jQuery实现JSONP示例** 在JavaScript中,可以直接创建`<script>`标签并设置`src`属性。例如: ```javascript function jsonpCallback(result) { alert(result[1].name); } ...
在JSONP的场景下,ASHX处理程序接收请求,解析请求中的`callback`参数,然后将数据以JSON格式返回,并将其包裹在`callback`指定的函数名中。 以下是一个简单的jQuery JSONP请求示例: ```javascript $.ajax({ url...
在上面的例子中,Jquery会生成一个随机的回调函数名,如`_jsonp123456789`,然后将这个函数名作为参数传递给服务器,服务器返回的JavaScript代码就是`_jsonp123456789({json数据})`,这样就能在客户端执行并解析数据...