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>