jQuery学习之Ajax的load（）方法_H5之家 - 中国HTML5教程资源分享第一站

load（）方法是ajax中最近单的方法，可以远程载入HTML代码并插入DOM中

它的结构为：

load（url , [data] , [callback]）

url : String类型，请求HTML页面url地址；

data：Object,发送到服务器的key/value数据；

callback:请求完成时的回调函数，无论成功或者失败

Demo:
新建一个名字为test.html的文件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div> 已有评论： </div> <div> <h6>张三</h6> <p>沙发</p> </div> <div> <h6>李四</h6> <p>板凳</p> </div> <div> <h6>王五</h6> <p>椅子</p> </div> <div> <h6>赵六</h6> <p>桌子</p> </div> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.js"></script> </body> </html>

然后在新建一个空白页面，里面放置一个<button>按钮来触发Ajax事件，代码如下：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="http://blog.csdn.net/qq_27946307/article/details/jquery-1.3.1.js"></script> </head> <body> <input type="button" value="http://blog.csdn.net/qq_27946307/article/details/ajax获取"> <div>已有评论：</div> <div></div> <script> $(function(){ $("#send").click(function(){ $("#resText").load("test.html"); }) }) </script> </body> </html>

事件触发之前：

itdadao

事件触发之后：

itdadao

Tags：jquery ajax string jquery