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 相关文章推荐
JS下拉缓冲菜单示例代码
Aug 30 Javascript
纯js实现仿QQ邮箱弹出确认框
Apr 29 Javascript
浏览器中url存储的JavaScript实现
Jul 07 Javascript
通过点击jqgrid表格弹出需要的表格数据
Dec 02 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
Sep 21 Javascript
JS实现的五级联动菜单效果完整实例
Feb 23 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
Aug 24 Javascript
js使用Promise实现简单的Ajax缓存
Nov 14 Javascript
详解Vue demo实现商品列表的展示
May 07 Javascript
createObjectURL方法实现本地图片预览
Sep 30 Javascript
详解Vue.js 响应接口
Jul 04 Javascript
JS实现点击掉落特效
Jan 29 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
一个查看session内容的函数
2006/10/09 PHP
PHP中使用unset销毁变量并内存释放问题
2012/07/05 PHP
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
PHP简单判断iPhone、iPad、Android及PC设备的方法
2016/10/11 PHP
PHP输出Excel PHPExcel的方法
2018/07/26 PHP
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
2016/09/14 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
微信小程序页面传值实例分析
2017/04/19 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
2017/11/21 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
nodejs二进制与Buffer的介绍与使用
2019/07/11 NodeJs
Node 代理访问的实现
2019/09/19 Javascript
详解vue 组件
2020/06/11 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
JavaScript实现滚动加载更多
2020/12/27 Javascript
[00:32]DOTA2上海特级锦标赛 COL战队宣传片
2016/03/04 DOTA
[01:00:53]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Secret
2018/03/30 DOTA
python爬取w3shcool的JQuery课程并且保存到本地
2017/04/06 Python
Python实现网站注册验证码生成类
2017/06/08 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
Nike香港官网:Nike HK
2019/03/23 全球购物
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
烹饪自我鉴定
2014/03/01 职场文书
同学聚会主持词
2014/03/18 职场文书
我的求职择业计划书
2014/04/04 职场文书
重大事项社会稳定风险评估方案
2014/06/15 职场文书
党员民主生活会材料
2014/12/15 职场文书
总结Pyinstaller打包的高级用法
2021/06/28 Python
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server
VUE解决跨域问题Access to XMLHttpRequest at
2022/05/06 Vue.js