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 读后台cookie代码
Sep 15 Javascript
js 获取服务器控件值的代码
Mar 05 Javascript
一些经常会用到的Javascript检测函数
May 31 Javascript
JavaScript栏目列表隐藏/显示简单实现
Apr 03 Javascript
点击button获取text内容并改变样式的js实现
Sep 09 Javascript
深入理解JS继承和原型链的问题
Dec 17 Javascript
vue.js父组件使用外部对象的方法示例
Apr 25 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(下)
Apr 18 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
Aug 13 Javascript
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
echarts实现晶体球面投影的实例教程
Oct 10 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 jq jquery getJSON跨域提交数据完整版
2013/09/13 PHP
PHP函数shuffle()取数组若干个随机元素的方法分析
2016/04/02 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
web前端开发也需要日志
2010/12/09 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
详解javascript立即执行函数表达式IIFE
2017/02/13 Javascript
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
JavaScript阻止表单提交方法(附代码)
2017/08/15 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
Node.js API详解之 tty功能与用法实例分析
2020/04/27 Javascript
JavaScript鼠标悬停事件用法解析
2020/05/15 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
2020/11/02 Javascript
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
[01:25:33]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第二场 12.20
2020/12/23 DOTA
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
python实现机器人行走效果
2018/01/29 Python
解决python中os.listdir()函数读取文件夹下文件的乱序和排序问题
2018/10/17 Python
python对html过滤处理的方法
2018/10/21 Python
对Python3 序列解包详解
2019/02/16 Python
Pycharm如何打断点的方法步骤
2019/06/13 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
Python文件名匹配与文件复制的实现
2020/12/11 Python
英国浴室洗脸盆购物网站:Click Basin
2018/06/08 全球购物
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
什么是.net
2015/08/03 面试题
中专生学习生活的自我评价分享
2013/10/27 职场文书
自我评价怎么写好呢?
2013/12/05 职场文书
安全生产活动月方案
2014/03/09 职场文书
师德师风自我评价范文
2014/09/11 职场文书
学校纪律作风整改措施思想汇报
2014/10/11 职场文书
2015教师个人工作总结范文
2015/03/31 职场文书
js实现上传图片到服务器
2021/04/11 Javascript
python实现会员管理系统
2022/03/18 Python
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers
微软发布Windows 11今年最大更新22H2(附 ISO 镜像官方下载)
2022/09/23 数码科技