在传统的JavaScript中,使用XMLHttpRequest对象异步加载数据;在jQuery中使用load()方法可以轻松实现获取异步数据的功能。
调用语法格式:load(url,[data],[callback])
url为被加载页面地址,可选项[data]参数表示发送到服务器的数据,其格式为key/value.另外一个可选项[callback]参数表示加载成功后,返回加载页面的回调函数。
例:
<script type="text/javascript" src="jscript/jquery-1.8.2min.js"></script>
<script type="text/javascript" >
$(function(){
$("#Button1").onclick(function(){ //按钮点击事件
$("#divTip").load("b.html"); //load()方法加载数据
})
} )
</script>
<div class="divFrame">..........</div>
代码分析:
在load()方法中,参数url还可以用于过滤页面中的某类别的元素,如代码“$("#divTip").load("b.html.divContent")”,则表示获取页面b.html中类别名为“ivContent”的全部元素。