jQuery getJSON() 方法

实例

使用 AJAX 请求获取 JSON 数据，并输出结果:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.getJSON("/example/ajax/demo.json", function(result){
      $.each(result, function(i, field){
        $("div").append(field + " ");
      });
    });
  });
});
</script>
</head>
<body>
<button>获取 JSON 数据</button>
<div></div>
</body>
</html>

运行一下

定义与用法

getJSON() 方法用于使用 AJAX HTTP GET 请求获取 JSON 数据。

语法

$(selector).getJSON(url,data,success(data,status,xhr))

参数	描述
url	必填。指定要向其发送请求的 url
data	可选。指定要发送到服务器的数据
success(data,status,xhr)	可选。指定请求成功时要运行的函数附加参数: data - 包含从服务器返回的数据 status - 包含包含请求状态的字符串 ("success", "notmodified", "error", "timeout", 或 "parsererror")。 xhr - 包含 XMLHttpRequest 对象

jQuery getJSON() 方法

实例

定义与用法

语法

分类导航