jQuery学习之Ajax的load（）方法

来源：互联网发布：sql语句教程视频编辑：程序博客网时间：2024/05/22 13:00

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 class="comment">    已有评论：</div><div class="comment">    <h6>张三</h6>    <p class="para">沙发</p></div><div class="comment">    <h6>李四</h6>    <p class="para">板凳</p></div><div class="comment">    <h6>王五</h6>    <p class="para">椅子</p></div><div class="comment">    <h6>赵六</h6>    <p class="para">桌子</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="jquery-1.3.1.js"></script></head><body><input type="button" value="ajax获取" id="send"><div class="comment">已有评论：</div><div id="resText"></div><script>    $(function(){        $("#send").click(function(){            $("#resText").load("test.html");        })    })</script></body></html>

事件触发之前：

事件触发之后：

阅读全文

0 0