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 相关文章推荐
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
Nov 14 Javascript
JQquery的一些使用心得分享
Aug 01 Javascript
JS获取随机数和时间转换的简单实例
Jul 10 Javascript
jQuery学习之DOM节点的插入方法总结
Jan 22 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
JavaScript的继承实现小结
May 07 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 Javascript
对vue里函数的调用顺序介绍
Mar 17 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
Sep 30 Javascript
微信小程序中使用echarts的实现方法
Apr 24 Javascript
JavaScript页面倒计时功能完整示例
May 15 Javascript
js 实现Material UI点击涟漪效果示例
Sep 23 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
实现了一个PHP5的getter/setter基类的代码
2007/02/25 PHP
PHP中使用curl入门教程
2015/07/02 PHP
PHP面向对象详解(三)
2015/12/07 PHP
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
2010/01/15 Javascript
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
javascript分页代码(当前页码居中)
2012/09/20 Javascript
javascript将数组插入到另一个数组中的代码
2013/01/10 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
jQuery中slideUp 和 slideDown 的点击事件
2015/02/26 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
全面了解JS中的匿名函数
2016/06/29 Javascript
js简单实现图片延迟加载的方法
2016/07/19 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
详解关于vue2.0工程发布上线操作步骤
2018/09/27 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
2020/12/24 Javascript
浅谈JavaScript中this的指向更改
2020/07/28 Javascript
python字符串编码识别模块chardet简单应用
2015/06/15 Python
Python设计模式编程中解释器模式的简单程序示例分享
2016/03/02 Python
完美解决python遍历删除字典里值为空的元素报错问题
2016/09/11 Python
Python使用剪切板的方法
2017/06/06 Python
Python实现自定义顺序、排列写入数据到Excel的方法
2018/04/23 Python
python自定义函数实现一个数的三次方计算方法
2019/01/20 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
pytorch 彩色图像转灰度图像实例
2020/01/13 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
利用Node实现HTML5离线存储的方法
2020/10/16 HTML / CSS
网络工程师个人的自我评价范文
2013/10/01 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
假面舞会策划方案
2014/05/29 职场文书
拔河比赛新闻稿
2015/07/17 职场文书
2016年优秀教师先进事迹材料
2016/02/26 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书
ES6 解构赋值的原理及运用
2021/05/25 Javascript
MySQL七大JOIN的具体使用
2022/02/28 MySQL