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 相关文章推荐
Jsonp 跨域的原理以及Jquery的解决方案
Jun 27 Javascript
22点关于jquery性能优化的建议
May 28 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
AngularJS入门教程之Helloworld示例
Dec 25 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
Sep 18 Javascript
一次记住JavaScript的6个正则表达式方法
Feb 22 Javascript
React组件中的this的具体使用
Feb 28 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
Dec 03 Javascript
详解ES6中的Map与Set集合
Mar 22 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
Jul 30 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
php数组查找函数in_array()、array_search()、array_key_exists()使用实例
2014/04/29 PHP
阿里云PHP SMS短信服务验证码发送方法
2017/07/11 PHP
在Laravel 的 Blade 模版中实现定义变量
2019/10/14 PHP
JS 显示当前日期与时间的代码
2010/03/24 Javascript
jquery DOM操作 基于命令改变页面
2010/05/06 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
2012/03/14 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
2013/09/09 Javascript
js实现的常用的左侧导航效果
2013/10/17 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
全面解析bootstrap格子布局
2016/05/22 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
2018/05/14 Javascript
JavaScript使用小插件实现倒计时的方法讲解
2019/03/11 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
100行代码实现vue表单校验功能(小白自编)
2019/11/19 Javascript
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
Vue跨域请求问题解决方案过程解析
2020/08/07 Javascript
python 读取摄像头数据并保存的实例
2018/08/03 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
python requests.post带head和body的实例
2019/01/02 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
python线性插值解析
2020/07/05 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
一份全面的PHP面试问题考卷
2012/07/15 面试题
SQL Server里面什么样的视图才能创建索引
2015/04/17 面试题
工程地质勘察专业大学生求职信
2013/10/13 职场文书
公务员年总结的自我评价
2013/10/25 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
Win11显卡控制面板打开显卡设置方法
2022/04/20 数码科技