JQuery使用getScript()方法异步获取数据
在一些get方式可获取的信息流下,经常用到JQuery的getScript()方法,它可很方便的实现异步获取数据。
与所有的全局函数都差不多,getScript()也有一个回调函数,该回调函数在方法执行完成后执行。
今天给个实例:
我们先指定一个JS,比如说 data.js,内容如下:
var data = [
{
"name": "A",
"age": "32",
"sex": "男"
},
{
"name": "B",
"age": "18",
"sex": "女"
}
];
var strHTML = ""; //初始化保存内容变量
$.each(data, function() { //遍历获取的数据
strHTML += "姓名:" + this["name"] + "<br>";
strHTML += "年龄:" + this["age"] + "<br>";
strHTML += "性别:" + this["sex"] + "<hr>";
})
$("#divTip").html(strHTML); //显示处理后的数据
前端处理并输出:
<div id="divTip"></div>
<script type="text/javascript">
$(function() {
$("#Button1").click(function() { //按钮单击事件
//打开已获取返回数据的文件
$.getScript("data.js");
})
})
</script>