oracle+get+json,jQuery+ajax中getJSON() 用法实例

实例

从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据：

$.getJSON("test.js", function(json){

alert("JSON Data: " + json.users[3].name);

});

定义和用法

通过 HTTP GET 请求载入 JSON 数据。

在 jQuery 1.2 中，您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据，如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。注意：此行以后的代码将在这个回调函数执行前执行。

语法

jQuery.getJSON(url,[data],[callback])

参数描述

url 待载入页面的 URL 地址。

data 待发送 Key / value 参数。

callback 载入成功时执行的回调函数。

详细说明

该函数是简写的 Ajax 函数，等价于：

$.ajax({

url: url,

data: data,

success: callback,

dataType: json

});

发送到服务器的数据可作为查询字符串附加到 URL 之后。如果 data 参数的值是对象(映射)，那么在附加到 URL 之前将转换为字符串，并进行 URL 编码。

传递给 callback 的返回数据，可以是 JavaScript 对象，或以 JSON 结构定义的数组，并使用 $.parseJSON() 方法进行解析。

更多实例

例子 1

从 Flickr JSONP API 载入 4 张最新的关于猫的图片：

HTML 代码：

jQuery 代码：

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?

tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){

$.each(data.items, function(i,item){

$("").attr("src", item.media.m).appendTo("#images");

if ( i == 3 ) return false;

});

例子 2

从 test.js 载入 JSON 数据，附加参数，显示 JSON 数据中一个 name 字段数据：

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){

alert("JSON Data: " + json.users[3].name);

});

oracle+get+json,jQuery+ajax中getJSON() 用法实例相关推荐

java ajax datatype_理解jquery ajax中的datatype属性选项值
jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字 ...
html追加datatype,jquery ajax中dataType的设置问题
jquery ajax中dataType的设置问题,代码如下: $.ajax({ url:'/main.php?action=getDepart&cid='+cid, type:'post', ...
$.ajax datatype默认是什么类型,理解jquery ajax中的datatype属性选项值
jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字 ...
登录页面添加回车和单击登录事件 jQuery.ajax中的 beforeSend:function () 回调函数【日常记录】
比较有意思的地方1: 实现如下功能可以两种方法用jQuery.ajax中的 beforeSend:function () 回调函数:如下(下方有全部代码案例) beforeSend:function ...
jq中ajax的res是什么意思,关于jquery ajax中返回值的问题
已解决问题收藏关于jquery ajax中返回值的问题 80 [ 标签:jquery,&nbspajax ] conn.open(); 我的星星页面 2009-10-25 11:52 JQ ...
jquery ajax传递data,基于jquery ajax中的data传递参数与后台工作的流程
基于jquery ajax中的data传递参数与后台工作的流程 2014-11-12 分类: php学习,前端资源,学习jquery基础首先列出实例代码 js代码: $('button').c ...
java中this是实例吗_java中this用法实例
java中this用法实例,java this关键字的使用.this关键字,关于它的解释,可以概括为:哪一个对象在用这段代码,this就代表谁. 例如,"人"这个类,张三说,&qu ...
jquery ajax中使用jsonp的限制[转]
转自: http://www.cnblogs.com/dudu/archive/2012/12/04/jquery_ajax_jsonp.html jsonp 解决的是跨域 ajax 调用的问题.为什 ...
因为返回有true ajax提示进入错误,jquery ajax中error返回错误解决办法
转自:https://www.jb51.net/article/72198.htm 进入百度搜索此问题,发现有人这么说了一句 Jquery中的Ajax的async默认是true(异步请求),如果想一个 ...

oracle+get+json,jQuery+ajax中getJSON() 用法实例

oracle+get+json,jQuery+ajax中getJSON() 用法实例相关推荐

最新文章

热门文章