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代码
Aug 13 Javascript
用jQuery扩展自写的 UI导航
Jan 13 Javascript
jQuery弹性滑动导航菜单实现思路及代码
May 02 Javascript
jQuery插件pagination实现分页特效
Apr 12 Javascript
jquery实现焦点轮播效果
Feb 23 Javascript
js实现下拉菜单效果
Mar 01 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
Jun 06 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
bootstrap3中container与container_fluid外层容器的区别讲解
Dec 04 Javascript
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 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
实用函数3
2007/11/08 PHP
php获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
浅谈laravel aliases别名的原理
2019/10/24 PHP
Javascript 检测键盘按键信息及键码值对应介绍
2013/01/03 Javascript
js文件缓存之版本管理详解
2013/07/05 Javascript
JQuery球队选择实例
2015/05/18 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
2016/07/14 Javascript
表格展示利器 Bootstrap Table实例代码
2017/09/06 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
2018/02/26 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
2020/06/04 Javascript
Electron实现应用打包、自动升级过程解析
2020/07/07 Javascript
Python中编写ORM框架的入门指引
2015/04/29 Python
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
python实现八大排序算法(2)
2017/09/14 Python
Django实现支付宝付款和微信支付的示例代码
2018/07/25 Python
python3中os.path模块下常用的用法总结【推荐】
2018/09/16 Python
浅析python的优势和不足之处
2018/11/20 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
Django中FilePathField字段的用法
2020/05/21 Python
印度尼西亚电子产品购物网站:Kliknklik
2018/06/05 全球购物
英国性能汽车零件和发动机配件在线:Maxpeedingrods
2019/11/05 全球购物
函授毕业生自我鉴定
2013/11/06 职场文书
办加油卡单位介绍信
2014/01/09 职场文书
护理中职生求职信范文
2014/02/24 职场文书
办公室副主任职责范本
2014/03/08 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
协商一致解除劳动合同协议书
2014/09/14 职场文书
公司授权委托书
2014/10/17 职场文书
2015年服务员个人工作总结
2015/05/27 职场文书
公司档案管理制度
2015/08/05 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
python实现简单反弹球游戏
2021/04/12 Python
golang DNS服务器的简单实现操作
2021/04/30 Golang
Java比较两个对象中全部属性值是否相等的方法
2021/08/07 Java/Android
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python