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 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
jQuery使用手册之二 DOM操作
Mar 24 Javascript
javascript 用记忆函数快速计算递归函数
Mar 15 Javascript
Tips 带三角可关闭的文字提示
Oct 06 Javascript
Table冻结表头示例代码
Aug 20 Javascript
微信中一些常用的js方法汇总
Mar 12 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
Oct 23 Javascript
Jquery 效果使用详解
Nov 23 Javascript
微信小程序 window_x64环境搭建
Sep 30 Javascript
Vue的土著指令和自定义指令实例详解
Feb 04 Javascript
用js简单提供增删改查接口
May 12 Javascript
关于layui导航栏不展示下拉列表的解决方法
Sep 25 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 magic_quotes_gpc的使用方法详解
2013/06/24 PHP
php调用Google translate_tts api实现代码
2013/08/07 PHP
PHP实现手机号码中间四位用星号(*)隐藏的自定义函数分享
2014/09/27 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
js实现上传图片之上传前预览图片
2013/03/25 Javascript
开发插件的两个方法jquery.fn.extend与jquery.extend
2013/11/21 Javascript
js数组操作常用方法
2014/05/08 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
js事件监听器用法实例详解
2015/06/01 Javascript
使用vue构建一个上传图片表单
2017/07/04 Javascript
node中的密码安全(加密)
2018/09/17 Javascript
Layui弹框中数据表格中可双击选择一条数据的实现
2020/05/06 Javascript
Element InputNumber计数器的使用方法
2020/07/27 Javascript
[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局
2016/02/25 DOTA
python动态网页批量爬取
2016/02/14 Python
如何安装多版本python python2和python3共存以及pip共存
2018/09/18 Python
python 遍历列表提取下标和值的实例
2018/12/25 Python
PIL图像处理模块paste方法简单使用详解
2019/07/17 Python
python kafka 多线程消费者&amp;手动提交实例
2019/12/21 Python
Python configparser模块常用方法解析
2020/05/22 Python
Matplotlib中%matplotlib inline如何使用
2020/07/28 Python
Django如何批量创建Model
2020/09/01 Python
利用 CSS3 实现的无缝轮播功能代码
2017/09/25 HTML / CSS
JD Sports法国:英国篮球和运动时尚的领导者
2017/09/28 全球购物
彪马法国官网:PUMA法国
2019/12/15 全球购物
应届生求职简历的自我评价怎么写
2013/10/23 职场文书
化工专业个人的求职信范文
2013/11/28 职场文书
《临死前的严监生》教学反思
2014/02/13 职场文书
《祁黄羊》教学反思
2014/04/22 职场文书
支部书记四风对照材料
2014/08/28 职场文书
捐书倡议书
2014/08/29 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
学习党的群众路线对照检查材料
2014/09/29 职场文书
驾驶员安全责任协议书
2016/03/22 职场文书