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的设计模式
Nov 22 Javascript
基于jquery的仿百度的鼠标移入图片抖动效果
Sep 17 Javascript
innerText和textContent对比及使用介绍
Feb 27 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
May 07 Javascript
浅谈javascript中基本包装类型
Jun 03 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
Vue中的数据监听和数据交互案例解析
Jul 12 Javascript
详解React 在服务端渲染的实现
Nov 16 Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 Javascript
javascript动态创建对象的属性详解
Nov 07 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
Dec 13 Javascript
javascript+HTML5 canvas绘制时钟功能示例
May 15 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
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
如何制作浮动广告 JavaScript制作浮动广告代码
2012/12/30 Javascript
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
JavaScript中使用Object.create()创建对象介绍
2014/12/30 Javascript
jQuery+css实现的切换图片功能代码
2016/01/27 Javascript
JS跨域请求外部服务器的资源
2017/02/06 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
JavaScript模块详解
2017/12/18 Javascript
详解js常用分割取字符串的方法
2019/05/15 Javascript
新手简单了解vue
2019/05/29 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
2019/06/06 Javascript
vue实现路由监听和参数监听
2019/10/29 Javascript
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
pytorch动态网络以及权重共享实例
2020/01/06 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
python为Django项目上的每个应用程序创建不同的自定义404页面(最佳答案)
2020/03/09 Python
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
什么是View State?
2013/01/27 面试题
儿科主治医生个人求职信
2013/09/23 职场文书
自我鉴定范文200字
2013/10/02 职场文书
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
歌颂祖国演讲稿
2014/05/04 职场文书
创先争优公开承诺书
2014/08/30 职场文书
婚前保证书范文
2015/02/28 职场文书
中秋节寄语2015
2015/03/24 职场文书
计算机专业自荐信范文
2015/03/26 职场文书
导游词之太湖
2019/10/08 职场文书
MySQL中distinct与group by之间的性能进行比较
2021/05/26 MySQL
MySQL和Oracle批量插入SQL的通用写法示例
2021/11/17 MySQL
nginx.conf配置文件结构小结
2022/04/08 Servers