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 相关文章推荐
innerText 使用示例
Jan 23 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
Nov 03 Javascript
js脚本分页代码分享(7种样式)
Aug 19 Javascript
window.onload使用指南
Sep 13 Javascript
require.js的用法详解
Oct 20 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
TableSort.js表格排序插件使用方法详解
Feb 10 Javascript
详解开源的JavaScript插件化框架MinimaJS
Oct 26 Javascript
Vue中保存数据到磁盘文件的方法
Sep 06 Javascript
JavaScript this绑定过程深入详解
Dec 07 Javascript
Vue循环中多个input绑定指定v-model实例
Aug 31 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
受疫情影响 动画《Re从零开始的异世界生活》第二季延期至7月
2020/03/10 日漫
php实现MD5加密16位(不要默认的32位)
2013/08/12 PHP
php实现兼容2038年后Unix时间戳转换函数
2015/03/18 PHP
PHP中SERIALIZE和JSON的序列化与反序列化操作区别分析
2016/10/11 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
php实现推荐功能的简单实例
2019/09/29 PHP
JQuery 控制内容长度超出规定长度显示省略号
2014/05/23 Javascript
javascript 控制input只允许输入的各种指定内容
2014/06/19 Javascript
使用jquery解析XML示例代码
2014/09/05 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
elementui的默认样式修改方法
2018/02/23 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
基于axios 的responseType类型的设置方法
2019/10/29 Javascript
微信小程序网络请求实现过程解析
2019/11/06 Javascript
wxPython学习之主框架实例
2014/09/28 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
Pyspark获取并处理RDD数据代码实例
2020/03/27 Python
Python使用matplotlib绘制圆形代码实例
2020/05/27 Python
在keras中实现查看其训练loss值
2020/06/16 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
Windows下pycharm安装第三方库失败(通用解决方案)
2020/09/17 Python
css3的图形3d翻转效果应用示例
2014/04/08 HTML / CSS
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同
2016/03/23 面试题
资产经营总监岗位职责
2013/12/04 职场文书
设计专业自荐信
2014/06/19 职场文书
升职自我推荐信范文
2015/03/25 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
会计做账心得体会
2016/01/22 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
在python中实现导入一个需要传参的模块
2021/05/12 Python
MySQL索引失效的典型案例
2021/06/05 MySQL