get

英 [get]   美 [ɡɛt]  

vt.得到;抓住;说服;受到(惩罚等)

vt.& vi.到达,来

vi.成为;开始;设法对付;获得利益或财富

n.生殖,幼兽;赢利

JSON

对象符号;数据格式;实例;轻量级的数据交换格式;表示法

ajax getJSON()函数 语法

作用:在 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() 方法进行解析。

ajax getJSON()函数 示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $.getJSON("这里是你的json 文件地址",function(result){
      $.each(result, function(i, field){
        $("p").append(field + " ");
      });
    });
  });
});
</script>
</head>

<body>

<button>获得 JSON 数据</button>
<p></p>

</body>
</html>

热门推荐