小白教程
所有教程
关于
Search
172.69.59.133
172.69.59.133
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Ajax getjson”的源代码
本页内容
上一节:
Ajax_get
下一节:
Ajax_getscript
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:$.getJSON()}}[[Category:jquery ref ajax|4]] = jQuery getJSON() 方法 = [[jquery ref ajax|jQuery AJAX 方法]] 使用 Ajax 请求获取 JSON 数据,并输出结果: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result){ $.each(result, function(i, field){ $("div").append(field + " "); }); }); }); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result){ $.each(result, function(i, field){ $("div").append(field + " "); }); }); }); }); </script> </head> <body> <button>获取 JSON 数据</button> <div></div> </body> </html> </run> == 定义和用法 == getJSON() 方法使用 AJAX 的 HTTP GET 请求获取 JSON 数据。 == 语法 == <pre> $(selector).getJSON(url,data,success(data,status,xhr)) </pre> {| class="table table-striped table-hover" !width="50%"| 参数 !width="50%"| 描述 |- | url | 必需。规定将请求发送到哪个 URL。 |- | data | 可选。规定发送到服务器的数据。 |- | success(data,status,xhr) | 可选。规定当请求成功时运行的函数。 额外的参数: * data - 包含从服务器返回的数据 * status - 包含请求的状态("success"、"notmodified"、"error"、"timeout"、"parsererror") * xhr - 包含 XMLHttpRequest 对象 |} [[jquery ref ajax|jQuery AJAX 方法]]
返回至“
Ajax getjson
”。
上一节:
Ajax_get
下一节:
Ajax_getscript