jQuery技术

jQuery中的load()方法

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
p