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 相关文章推荐
Prototype使用指南之dom.js
Jan 10 Javascript
JavaScript中String和StringBuffer的速度之争
Apr 01 Javascript
用Javascript评估用户输入密码的强度实现代码
Nov 30 Javascript
使用javascipt---实现二分查找法
Apr 10 Javascript
JavaScript日期类型的一些用法介绍
Mar 02 Javascript
jQuery Real Person验证码插件防止表单自动提交
Nov 06 Javascript
微信支付 JS API支付接口详解
Jul 11 Javascript
JS DOMReady事件的六种实现方法总结
Nov 23 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
ES6 Map结构的应用实例分析
Jun 26 Javascript
Vue 根据条件判断van-tab的显示方式
Aug 03 Javascript
vue 二维码长按保存和复制内容操作
Sep 22 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
深入了解php4(2)--重访过去
2006/10/09 PHP
Symfony查询方法实例小结
2017/06/28 PHP
jquery插件如何使用 jQuery操作Cookie插件使用介绍
2012/12/15 Javascript
javascript 数组排序函数sort和reverse使用介绍
2013/11/21 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
五种js判断是否为整数类型方式
2015/12/03 Javascript
详解js中Number()、parseInt()和parseFloat()的区别
2016/12/20 Javascript
微信小程序页面缩放式侧滑效果的实现代码
2018/11/15 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
2019/08/14 Javascript
jQuery弹框插件使用方法详解
2020/05/26 jQuery
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
[00:15]TI9地铁玩家打卡
2019/08/11 DOTA
[32:07]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第一场 12.16
2020/12/17 DOTA
详细介绍Ruby中的正则表达式
2015/04/10 Python
python爬虫入门教程--快速理解HTTP协议(一)
2017/05/25 Python
python编程实现12306的一个小爬虫实例
2017/12/27 Python
Python中顺序表的实现简单代码分享
2018/01/09 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
Python实现处理逆波兰表达式示例
2018/07/30 Python
python使用pygame框架实现推箱子游戏
2018/11/20 Python
python3 http提交json参数并获取返回值的方法
2018/12/19 Python
python多线程调用exit无法退出的解决方法
2019/02/18 Python
Python3实现将一维数组按标准长度分隔为二维数组
2019/11/29 Python
python对数组进行排序,并输出排序后对应的索引值方式
2020/02/28 Python
Python二元算术运算常用方法解析
2020/09/15 Python
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
美国最大的家庭鞋类零售商之一:Shoe Carnival
2017/10/06 全球购物
Oracle里面常用的数据字典有哪些
2014/02/14 面试题
毕业生多媒体设计求职信
2013/10/12 职场文书
人事主管岗位职责
2014/01/30 职场文书
学校先进集体事迹材料
2014/05/31 职场文书
2016教师政治学习心得体会
2016/01/23 职场文书
详解CSS伪元素的妙用单标签之美
2021/05/25 HTML / CSS
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS
Nginx如何配置根据路径转发详解
2022/07/23 Servers