`

jquery之jsonp解析

 
阅读更多

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-master.zip`这个压缩包文件包含了一个专门用于jQuery的JSONP插件,旨在简化和优化JSONP请求的过程。通过这个插件,开发者能够更方便地在他们的应用中集成跨域数据请求,从而获取远程服务器上的JSON...

    JSON和JSONP(含jQuery实例)

    这里,`dataType`指定为'jsonp',jQuery会自动处理JSONP的请求过程,包括动态创建`&lt;script&gt;`标签以及处理回调函数。`jsonp`参数可以用来指定回调函数的名称。 需要注意的是,JSONP只支持GET请求,且存在安全隐患,...

    jquery下利用jsonp跨域访问实现方法

    在JavaScript的世界里,由于同源策略的限制,浏览器禁止了不同源之间进行AJAX通信,但JSONP(JSON with Padding)作为一种巧妙的方式,允许我们绕过这个限制,实现在jQuery中进行跨域请求。本篇文章将深入探讨JSONP...

    利用JQuery jsonp实现Ajax跨域请求json数据

    本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求,以及如何在服务器端使用.Net的*.handler和WebService来返回JSON数据。 首先,理解JSONP的基本原理。JSONP是一种非官方的协议,通过动态创建`...

    ajax 跨域请求问题 jquery jsonp

    **Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中,Ajax技术被广泛用于实现页面的异步更新,但浏览器的同源策略(Same-Origin Policy)限制了Ajax请求只能向同源(协议、域名、端口均相同)的服务器发送。这在...

    jQuery中JSONP的两种实现方式详解

    在jQuery中,JSONP提供了两种实现方式,主要用于解决JavaScript进行AJAX请求时遇到的跨域问题。 ### 第一种实现方式 在jQuery中,我们可以通过设置`dataType`参数为`"jsonp"`来指定使用JSONP。同时,我们需要指定`...

    解决jQuery使用JSONP时产生的错误

    JQuery是流行的JavaScript库之一,其Ajax模块支持JSONP方式的跨域请求。支持JSONP的方式有以下几种: 1. 使用$.ajax方法,设置`crossDomain`为`true`和`dataType`为`jsonp`,如下代码示例: ```javascript $.ajax({...

    Jquery与ajax用JSONP方式获取新浪短网址

    接下来,我们详细解析Jquery如何使用ajax的JSONP方式来实现这一功能: 1. 引入Jquery库:在HTML文件中,你需要引入Jquery库,通常使用CDN链接,如: ```html &lt;script src="https://code.jquery....

    jQuery使用JSONP实现跨域获取数据的三种方法详解

    在互联网应用中,由于同源策略的限制,不同域之间进行数据交互往往会受到限制,这就是所谓的跨域问题。为了解决跨域问题,...通过本文的详细解析,相信开发者可以更好地掌握jQuery结合JSONP进行跨域数据获取的技巧。

    JQuery jsonp 使用示例代码

    - `&lt;script type='text/javascript' src='commons/scripts/jquery.js'&gt;&lt;/script&gt;`:引入jQuery库,这是执行JSONP请求的前提,因为JSONP是jQuery支持的功能之一。 3. **jQuery部分**: - `$$(function() { ... })`...

    jquery下利用jsonp跨域访问实现方法.docx

    JSONP(JSON with Padding)是一种常见的解决JavaScript跨域问题的技术,尤其在jQuery中得到了广泛的应用。由于浏览器的同源策略限制,JavaScript通常无法在不同源之间进行Ajax请求。但JSONP巧妙地利用了HTML中`...

    用jQuery与JSONP轻松解决跨域访问的问题

    这样,当浏览器接收到响应时,会执行预先定义好的`jsonp1236827957501`函数,将数据解析并传递给客户端的回调函数。 总结起来,jQuery和JSONP提供了一种简单有效的方式,使得JavaScript能够跨域获取数据。虽然这种...

    jQ解析ip接口

    本话题将深入探讨如何利用jQuery的Ajax功能进行跨域请求,以解析IP接口,主要关注JSONP这一跨域解决方案。 首先,我们需要理解“跨域”这个概念。在Web开发中,由于浏览器的同源策略限制,JavaScript不能随意访问...

    jQuery Ajax 全解析

    ### jQuery Ajax 全解析知识点详细说明 #### jQuery 简介 jQuery 是一个非常流行的JavaScript库,由John Resig在2006年发布。它主要用于简化JavaScript的编程,让开发者能够使用较少的代码实现强大的动态功能。...

    Jsonp和java操作

    5. **JavaScript和jQuery实现JSONP示例** 在JavaScript中,可以直接创建`&lt;script&gt;`标签并设置`src`属性。例如: ```javascript function jsonpCallback(result) { alert(result[1].name); } ...

    jsonp格式的数据处理实例源码

    在JSONP的场景下,ASHX处理程序接收请求,解析请求中的`callback`参数,然后将数据以JSON格式返回,并将其包裹在`callback`指定的函数名中。 以下是一个简单的jQuery JSONP请求示例: ```javascript $.ajax({ url...

    Ajax结合Jsonp实例

    在上面的例子中,Jquery会生成一个随机的回调函数名,如`_jsonp123456789`,然后将这个函数名作为参数传递给服务器,服务器返回的JavaScript代码就是`_jsonp123456789({json数据})`,这样就能在客户端执行并解析数据...

Global site tag (gtag.js) - Google Analytics