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高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
Feb 27 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
May 17 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
May 06 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
很棒的js Tab选项卡切换效果
Aug 30 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
Jan 16 Javascript
JS利用cookies设置每隔24小时弹出框
Apr 20 Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
Nov 16 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
js实现GIF图片的分解和合成
Oct 24 Javascript
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
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 setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
PHP 多维数组的排序问题 根据二维数组中某个项排序
2011/11/09 PHP
基于php上传图片重命名的6种解决方法的详细介绍
2013/04/28 PHP
php引用返回与取消引用的详解
2013/06/08 PHP
一个简洁实用的PHP缓存类完整实例
2014/07/26 PHP
PHP错误机制知识汇总
2016/03/24 PHP
PHP利用二叉堆实现TopK-算法的方法详解
2017/04/24 PHP
PHPExcel 修改已存在Excel的方法
2018/05/03 PHP
IE和Firefox下event事件杂谈
2009/12/18 Javascript
javascript hashtable 修正版 下载
2010/12/30 Javascript
dojo随手记 gird组件引用
2011/02/24 Javascript
网页编辑器ckeditor和ckfinder配置步骤分享
2012/05/24 Javascript
js 日期比较相关天数代码
2014/04/02 Javascript
简述AngularJS相关的一些编程思想
2015/06/23 Javascript
CSS javascript 结合实现悬浮固定菜单效果
2015/08/23 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
原生js制作日历控件实例分享
2016/04/06 Javascript
微信小程序(应用号)开发新闻客户端实例
2016/10/24 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
Vue表单demo v-model双向绑定问题
2018/06/29 Javascript
Angular4 Select选择改变事件的方法
2018/10/09 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
[01:45]典藏宝瓶2+祈求者身心——这就是DOTA2TI9总奖金突破3000万美元的秘密
2019/07/21 DOTA
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
Python中不同进制的语法及转换方法分析
2016/07/27 Python
numpy中实现ndarray数组返回符合特定条件的索引方法
2018/04/17 Python
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
上海微创软件面试题
2012/06/14 面试题
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
列车长先进事迹材料
2014/01/25 职场文书
餐饮营销方案
2014/02/23 职场文书
竞选大队干部演讲稿
2014/09/11 职场文书
党支部反对四风思想汇报
2014/10/10 职场文书
HTML5 新增内容和 API详解
2021/11/17 HTML / CSS
JavaScript高级程序设计之基本引用类型
2021/11/17 Javascript