使用load()方法异步请求数据

最新推荐文章于 2022-03-02 04:18:09 发布

叁包辣條

最新推荐文章于 2022-03-02 04:18:09 发布

阅读量741

点赞数

分类专栏：网页设计

本文链接：https://blog.csdn.net/xuesen1995/article/details/78478181

版权

网页设计专栏收录该内容

9 篇文章 0 订阅

订阅专栏

使用 load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：

load(url,[data],[callback])

参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3     <head>
 4         <title>使用load()方法异步请求数据</title>
 5         <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
 6         <link href="style.css" rel="stylesheet" type="text/css" />
 7     </head>
 8     
 9     <body>
10         <div id="divtest">
11             <div class="title">
12                 <span class="fl">我最爱吃的水果</span> 
13                 <span class="fr">
14                     <input id="btnShow" type="button" value="加载" />
15                 </span>
16             </div>
17             <ul></ul>
18         </div>
19         
20         <script type="text/javascript">
21             $(function () {
22                 $("#btnShow").bind("click", function () {
23                     var $this = $(this);
24                     $("ul").load("./fruit.html",function(){
25                         $this.attr("disabled", "true");
26                     });
27                 })
28             });
29         </script>
30     </body>
31 </html>

View Code

1 <ul>
2     <li>橘子</li>
3     <li>香蕉</li>
4     <li>葡萄</li>
5     <li>苹果</li>
6 </ul>

View Code

叁包辣條

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用load()方法异步请求数据

使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：load(url,[data],[callback])参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。 1 2 3 4 使用load()方法异步请求数据 5
复制链接

扫一扫

专栏目录