您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery 教程 > jQuery ajax - getJSON() 方法

jQuery ajax - getJSON() 方法_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery 教程 > jQuery ajax - getJSON() 方法

jQuery ajax - getJSON() 方法

此节有 171 人学习过     参与评论

实例

使用 ajax 要求来获得 JSON 数据,并输出结果:

$("button").click(function(){
  $.getJSON("demo_ajax_json.js",function(result){
    $.each(result, function(i, field){
      $("div").append(field + " ");
    });
  });
});

亲自试一试

定义和用法

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

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

语法

jQuery.getJSON(url,data,success(data,status,xhr))
参数 描述
url 必需。规定将要求发送的哪个 URL。
data 可选。规定连同要求发送到服务器的数据。
success(data,status,xhr)

可选。规定当要求胜利时运行的函数。

额外的参数:

  • response - 包含来自要求的结果数据
  • status - 包含要求的状态
  • xhr - 包含 XMLHttpRequest 对象

详细说明

该函数是简写的 Ajax 函数,等价于:

$.ajax({
  url: url,
  data: data,
  success: callback,
  dataType: json
});

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

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

示例

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

$.getJSON("test.js", function(json){
  alert("JSON Data: " + json.users[3].name);
});

帝宝国际 下载示例

例子 1

从 Flickr JSONP API 载入 4 张最新的最新娱乐城优惠猫的济州岛赌场钱晶在线:

HTML 代码:

<div id="images"></div>

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){
    $("<img/>").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);
});

如对本文有疑问,请提交到交流乐天堂国际娱乐 娱乐场,广大热心网友会为你解答!! 点击进入乐天堂国际娱乐 娱乐场


公布评论 (171人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换济州岛赌场钱晶在线
最新评论
------分隔线----------------------------
jQuery 教程目录
条评论
Sitemap