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>