jQuery中的load()方法(ajax在jQuery中的运用学习第二天)

本文介绍了jQuery中的load()方法,该方法能够轻松实现异步数据加载功能。通过示例代码展示了如何使用load()方法加载指定URL的内容,并可选择性地发送数据及定义回调函数。此外,还介绍了如何使用URL选择符来过滤加载的页面元素。

        在传统的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”的全部元素。











评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值