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面向对象设计二 构造函数模式
Dec 20 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
JS案例分享之金额小写转大写
May 15 Javascript
jquery实现用户信息修改验证输入方法汇总
Jul 18 Javascript
jfinal与bootstrap的登录跳转实战演习
Sep 22 Javascript
Angularjs中UI Router全攻略
Jan 29 Javascript
JavaScript实现网页头部进度条刷新
Apr 16 Javascript
js编写选项卡效果
May 23 Javascript
JavaScript事件方法(实例讲解)
Jun 27 Javascript
Nginx设置为Node.js的前端服务器方法总结
Mar 27 Javascript
vue将后台数据时间戳转换成日期格式
Jul 31 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 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
长波有什么东西
2021/03/01 无线电
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
PHP跨时区(UTC时间)应用解决方案
2013/01/11 PHP
php全角字符转换为半角函数
2014/02/07 PHP
ThinkPHP3.2.3数据库设置新特性
2015/03/05 PHP
PHP的介绍以及优势详细分析
2019/09/05 PHP
laravel实现上传图片的两种方式小结
2019/10/12 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
用js解决数字不能换行问题
2010/08/10 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
javascript中强制执行toString()具体实现
2013/04/27 Javascript
js中parseInt函数浅谈
2013/07/31 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
2014/10/14 Javascript
jquery实现标签上移、下移、置顶
2015/04/26 Javascript
JS仿JQuery选择器功能
2017/03/08 Javascript
在vue中使用vue-echarts-v3的实例代码
2018/09/13 Javascript
微信小程序实现自动定位功能
2018/10/31 Javascript
vue缓存之keep-alive的理解和应用详解
2020/11/02 Javascript
python操作CouchDB的方法
2014/10/08 Python
Python写的英文字符大小写转换代码示例
2015/03/06 Python
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
JavaScript中的模拟事件和自定义事件实例分析
2018/07/27 Python
Python使用装饰器模拟用户登陆验证功能示例
2018/08/24 Python
python中join()方法介绍
2018/10/11 Python
python实现爬虫抓取小说功能示例【抓取金庸小说】
2019/08/09 Python
python双端队列原理、实现与使用方法分析
2019/11/27 Python
Django app配置多个数据库代码实例
2019/12/17 Python
python实现滑雪者小游戏
2020/02/22 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
python将YUV420P文件转PNG图片格式的两种方法
2021/01/22 Python
css3实现画半圆弧线的示例代码
2017/11/06 HTML / CSS
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
EJB的激活机制
2013/10/25 面试题
2019邀请函格式及范文
2019/05/20 职场文书
Python 中数组和数字相乘时的注意事项说明
2021/05/10 Python