将会有一个情况时服务器将返回的JSON字符串对你的要求 JQuery的效用函数getJSON()解析返回的JSON字符串,使生成的字符串函数可以作为
第一个参数的回调采取进一步行动。
语法:
这里是getJSON()简单语法。翻译:getJSON得到服务器上的数据格式。
getJSON( URL, [data], [callback] );
getJSON(网址,[数据],[回调]);
这里是所有参数的说明:
URL: 网址:资源的URL的服务器端联系,通过GET方法
data: 数据:一个对象的属性或作为,该名称/值对来构造查询字符串附加到URL的一个预设格式和编码的查询字符串。
callback: 回调:一个函数在请求完成时调用。数据值造成的消化作为一个JSON字符串反应机构是作为第一个参数来此回调过去了,作为第二的地位。
例如:
下面的HTML文件与一个小编码JQuery:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>getJSON 加载数据格式</title>
<script type="text/javascript" src="jquery/jquery-1.3.2.min.js"></script>
<script language="javascript">
$(document).ready(function() {
$("#aaa").click(function(event){ //按钮的id=aaa的被单击(函数(事件)
$.getJSON('result.json', function(jd) {
$('#stage').html('<p>姓名: ' + jd.name + '</p>');
$('#stage').append('<p>年龄 : ' + jd.age+ '</p>'); // append向每个匹配的元素内部追加内容
$('#stage').append('<p>职位: ' + jd.zhiye+ '</p>'); // div id=stage的框里,加载(页)
});
});
});
</script>
</head> <body>
<p>按钮点击getJSON加载一 result.json文件:</p>
<div id="stage" style="background-color:#FFCCFF;">当前的数据</div>
<input type="button" id="aaa" value="加载数据" />
</body></html>
这里JQuery的实用方法getJSON()启动一个Ajax请求到指定的网址result.json文件。 在加载此文件,所有内容将被传递给回调函数。
最后将填充阶段 ID与内部的<div>标记。假设,我们result.json JSON格式的文件有下列内容:
{
"name": "刘德凡",
"age" : "52",
"zhiye": "脚本语言教授"
}
运行结果看看;

当您单击给定的按钮,然后result.json文件被加载。

|