jQuery中两个JSONP实现的详细说明

前台代码如下：

后台操作代码如下：

运行后可以看到结果。我跟踪了后台进程回调代码，如下所示：

可以看到jsonCallback的值是‘jquery 17104721 .’，它从前端传递到远程服务器的后台操作。这里，jQuery171.表示jQuery的版本，可以简单理解为JSONP类型的请求回调函数。每次我们指定Ajax请求模式为JSONP时，jQuery都会生成这样一个JSONP回调函数。虽然jQuery会自动为我们生成一个回调函数，但是我们也可以通过设置jsonpCallback参数为jsonp请求定制自己的回调函数。

第一种方式下面三行代码设置JSONP请求模式：

dataType: 'jsonp '，

Jsonp: ' jsonpcallback '，//指定回调函数，这里的名字可以是你喜欢的任何其他名字，比如callback，但是必须和下一行的GET参数一致

data :“[email protected]jsoncallback=？”，//jsoncallback与上面的jsonp值一致

第二种方法是带jsonpcallback=？直接在GET参数之后。识别。

我们可以推断，这样做之后，jQuery的内部机制可以帮助我们绕过浏览器的跨域访问限制，然后我们就可以像正常请求同域Action一样请求跨域Action了。

最后一个返回是函数表达式：

返回jsonCallback '(' new JAVAScript Serializer()。序列化(用户)“)”；

就这样，jquery17104721.(' {Name:' jxq '，Email3360' [Emailprotected]'} ')返回到前端，一返回到前端就会执行，得到一个JavaScript对象，它有两个属：Name和email，所以我们可以直接调用json。名字和json。电子邮件

通过这篇文章，希望能帮助大家学习和掌握这部分知识。感谢您对本网站的支持！