JQuery中getJSON的使用方法


Posted in Javascript onDecember 13, 2010

这里采用了JSONP(JSON with Padding-填充json数据也就是常用的json跨域方式):利用script标签,通过特定的src地址的调用,来执行一个客户端的js函数,在 服务器端生成相对的数据(JSON格式)并以参数的形式传递给这个客户端的js函数并执行这个函数,前提是需要服务器端的数据输出支持。在JQuery1.2以后支持JSONP的应用。

    JSON 是一种含有简单括号结构的纯文本,因此许多通道都可以交换 JSON 消息。因为同源策略的限制,我们不能在与外部服务器进行通信的时候使用 XMLHttpRequest。而JSONP是一种可以绕过同源策略的方法,即通过使用 JSON 与 <script> 标记相结合的方法,从服务端直接返回可执行的JavaScript函数调用或者JavaScript对象。

   整个调用过程中,起关键作用的是jsoncallback=?,在客户端调用时需在请求地址中添加参数:jsoncallback=?;同时服务器端则需要把jsoncallback的值作为方法名传回来。

   服务端代码:

protected void Page_Load(object sender, EventArgs e) 
{ 
Response.Write(Request.QueryString["jsoncallback"] + "({name:'test'})"); 
}

html页面调用:
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head > 
<script type="text/javascript" src="jquery-1.4.4.js"></script> 
<script type="text/javascript" language="javascript"> 
$(document).ready(function() { 
$.getJSON("http://localhost:10272/test.aspx?jsoncallback=?", 
function(data) { 
$("#divHeaderLink").html(data.name); 
}); 
}); 
</script> 
</head> 
<body> 
<div id="divHeaderLink"> 
</div> 
</body> 
</html>

Javascript 相关文章推荐
JavaScript随机排序(随即出牌)
Sep 17 Javascript
编写高效jQuery代码的4个原则和5个技巧
Apr 24 Javascript
JavaScript 事件入门知识
Apr 13 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
Dec 10 Javascript
JavaScrip常见的一些算法总结
Dec 28 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
Oct 10 Javascript
get  post jsonp三种数据交互形式实例详解
Aug 25 Javascript
微信小程序的生命周期的详解
Oct 19 Javascript
vue中子组件调用兄弟组件方法
Jul 06 Javascript
这15个Vue指令,让你的项目开发爽到爆
Oct 11 Javascript
vue绑定数字类型 value为数字的实例
Aug 31 Javascript
JavaScript 学习历程和心得分享
Dec 12 #Javascript
JavaScript Title、alt提示(Tips)实现源码解读
Dec 12 #Javascript
js中的值类型和引用类型小结 文字说明与实例
Dec 12 #Javascript
JS俄罗斯方块,包含完整的设计理念
Dec 11 #Javascript
用于节点操作的API,颠覆原生操作HTML DOM节点的API
Dec 11 #Javascript
JavaScript下利用fso判断文件是否存在的代码
Dec 11 #Javascript
jQuery ul标签下拉菜单演示代码
Dec 11 #Javascript
You might like
PHP输出控制功能在简繁体转换中的应用
2006/10/09 PHP
PHP中计算字符串相似度的函数代码
2012/12/29 PHP
javascript URL编码和解码使用说明
2010/04/12 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
canvas绘图不清晰的解决方案
2017/02/28 Javascript
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
Vue异步组件使用详解
2017/04/08 Javascript
jQuery实现选中行变色效果(实例讲解)
2017/07/06 jQuery
基于对象合并功能的实现示例
2017/10/10 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
layui实现下拉框三级联动
2019/07/26 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
ES6学习笔记之let与const用法实例分析
2020/01/22 Javascript
Vue $emit()不能触发父组件方法的原因及解决
2020/07/28 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片
2015/02/07 DOTA
在Python中使用M2Crypto模块实现AES加密的教程
2015/04/08 Python
wxPython中listbox用法实例详解
2015/06/01 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
python matplotlib绘图,修改坐标轴刻度为文字的实例
2018/05/25 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
Python时间序列缺失值的处理方法(日期缺失填充)
2019/08/11 Python
Python计算公交发车时间的完整代码
2020/02/12 Python
中国首家奢侈品O2O网购平台:第五大道奢侈品网
2017/12/14 全球购物
艺术用品:Arteza
2018/11/25 全球购物
马来西亚最大的在线隐形眼镜商店:MrLens
2019/03/27 全球购物
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
营销与策划专业毕业生求职信
2013/11/01 职场文书
职务说明书范文
2014/05/07 职场文书
2014党委书记四风问题对照检查材料思想汇报
2014/09/22 职场文书
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL