document.write('
解析:
1.$.getScript(URL, callback)
这个方法提供了异步加载 script 资源的方式,对于一些 Web 网页内容比较
多,需要按需加载的情况,提供了很大的帮助,jQuery1.2 之后的这个方法可以
跨域访问,它通过动态创建 script,在加载成功后删除 script 节点。使用方法 :
$.getScript("/JS/user.JS");
2.$.getJson()
该方法提供了访问同一个域中的 JSON 数据。
$("#AjaxLoadJson").click(function(){
$.getJson("JS/user.Json", function(data) {
$("#divTip").empty(); // 先清空标记中的内容
var strhtml = ""; // 初始化保存内容变量
$.each(data, function(InfoIndex, Info) { // 遍历获取的
数据
strhtml += " 姓名:" + Info["name"] + "<br>";
strhtml += " 性别:" + Info["sex"] + "<br>";
})
$("#divTip").html(strhtml); // 显示处理后的数据
})
});
对应的 user.Json:
[
{
"name": "a",
"sex": " 男 ",
"email": "a@163.com"
},
{
"name": "b",
"sex": " 女 ",
"email": "b@163.com"
}
]
URL 表示请求的地址,data 表示请求的参数,可选参数 CALLBACK 在回调
函数中执行操作。
3.$("#div").load(URL selecter)
该方法提供了异步获取 HTML 数据的方式 , 这个方法也不能跨域访问,在
URL 后面可以指定异步请求的网页的哪些部分被加载到该 div 中,举个例子:
$("#AjaxLoadhtml").click(function() { // 按钮单击事件
$("#Ajax").load("index.Jsonp h3"); //load() 方法加载数据
})
index.JSP 代码
<html>
<head>
</head>
<body>
<h2>Hello World!</h2>
<h3> 你好 </h3>
</body>
</html>
');