位置: 编程技术 - 正文
推荐整理分享jQuery中JSONP的两种实现方式详解(jquery处理json格式数据),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery的jsonp方式跨域请求,jquery jsonview,jsonp jquery,jsonp jquery,jq json,json jquery,jsonp jquery,jsonp jquery,内容如对您有帮助,希望把文章链接给更多的朋友!
前台代码如下:
后台Action代码如下:
运行后就可以看到结果了。我追踪了下后台ProcessCallback代码,如下图:
可以看到jsonCallback的值为"jQuery....",它是前端传给远程服务器后台Action的。这里 jQuery..表示的是jQuery的版本,可以简单地将这个理解为JSONP类型请求回调函数,jQuery在我们每次指定Ajax请求方式为 JSONP时都会生成这么一个JSONP回调函数。虽然jQuery会自动帮我们生成一个回调函数,但是我们也可以通过设置 jsonpCallback 参数为jsonp请求定制一个我们自己的回调函数。
第一种方式下面这三行代码设定了JSONP请求方式:
dataType: "jsonp",
jsonp: "jsonpcallback",// 指定回调函数,这里名字可以为其他任意你喜欢的,比如callback,不过必须与下一行的GET参数一致
data: "name=jxq&email=feichexia@yahoo.com.cn&jsonpcallback=", // jsonpcallback与上面的jsonp值一致
第二种方式则直接在GET参数后面带上jsonpcallback=来标识。
我们可以推断这么做以后,jQuery内部机制就帮我们绕过了浏览器的跨域访问限制,然后就可以像正常请求同域Action一样请求跨域Action了。
最后返回的是一个函数表达式:
return jsonCallback + "(" + new JavaScriptSerializer().Serialize(user) + ")";
这样返回给前端的就是类似这种jQuery....('{Name:"jxq", Email:"feichexia@yahoo.com.cn"}'),它一返回到前端就会执行,得到的是一个JavaScript对象,对象有两个属 性:Name和Email,所以我们可以直接调用json.Name和json.Email
通过此文,希望能帮助大家学习掌握此部分知识,谢谢大家对本站的支持!
jQuery实现表格文本框淡入更改值后淡出效果 本文分为html代码和jquery两段代码,代码很简单,大家可以参考下!html代码tablestyle="border:1pxsolidblue"trthid/ththname/ththage/ththsex/thth操作/th/trtrtdclass="td1"1/tdtdc
jQuery实现图片轮播效果代码 整理以前用jQuery实现的图片轮播效果。1.不做操作时,自动轮播2.鼠标悬浮在图片上时,停止自动轮播,隐藏在图片左右的箭头会显示出来3.手动轮播1:
jQuery实现右键菜单、遮罩等效果代码 最近要做个某管理系统的界面,然后涉及到右键菜单,因为之前没有做过所以就做了一下~感觉还可以,不过我个人不是很喜欢右键菜单的这种形式。操
标签: jquery处理json格式数据
本文链接地址:https://www.jiuchutong.com/biancheng/380719.html 转载请保留说明!友情链接: 武汉网站建设