本文实例讲述了jQuery中ajax的load()与post()方法。分享给大家供大家参考,具体如下:
一、load()方法
在jQuery ajax的load()方法能够载入远程 HTML 文件代码并插入至 DOM 中,这个与post,get还是有一点的区别,但可以快速在页面加载时就加载一个页面的html保存到dom中并且可执行哦。
load()方法默认使用 GET 方式,如果传递了data参数则使用Post方式.
传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector",默认的选择器是"body>*".
讲解:
load是最简单的Ajax函数,但是使用具有局限性:
1.它主要用于直接返回HTML的Ajax接口 2.load是一个jQuery包装集方法,需要在jQuery包装集上调用,并且会将返回的HTML加载到对象中,即使设置了回调函数也不过不可否认load接口设计巧妙并且使用简单.下面通过示例来演示Load接口的使用:
load()函数:
函数介绍:load(url,[data],[callback]) 返回值:jQuery
参数说明:
url:待装入 HTML 网页网址。 data:(可选参数)发送至服务器的 key/value 数据。 callback:(可选参数)载入成功时回调函数。
下面进行实例演示:
首先建立需要加载的test.html文件:
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
ajax演示
编程之家(www.jb51.cc),提供大量脚本及素材供大家下载!