在传统的JavaScript中,使用XMLHttpRequest对象异步加载数据;而在jQuery中load()方法可以轻松实现获取异步数据的功能。
其调用的语法格式为:
load(url, [date], [callback])
其中参数url为被加载的页面地址,可选项[date]参数表示发送到服务器的数据,其格式为key/value。另一个可选项[callback]参数表示加载成功后,返回至加载页的回到函数。下面举例说明。
load()方法实现异步获取数据
…… <script> $(function() { $("#button").click(function() { //按钮点击事件 $("#tip").load("a.html"); //load()方法加载数据 }) }) </script> …… <input id="button" name="" type="button"> <div id="tip"></div> ……
在load()方法中,参数url还可以用于过滤页面中的某类别元素,如代码“$(“#tip”).load(a.html.content)”,则表示获取页面a.html中类别为“content”的全部元素。