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

来源：互联网发布：手机电脑传输软件编辑：程序博客网时间：2024/04/30 06:46

功能：通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中。

语法

load(url,data,function(response,status,xhr))

参数描述url规定要将请求发送到哪个 URL。data可选。规定连同请求发送到服务器的数据。function(response,status,xhr)

可选。规定当请求完成时运行的函数。

额外的参数：

response - 包含来自请求的结果数据
status - 包含请求的状态（"success", "notmodified", "error", "timeout" 或 "parsererror"）
xhr - 包含 XMLHttpRequest 对象

例子：通过调用`load()`方法向服务器请求加载fruit_part.html文件中的内容，当加载成功后，先显示数据，并将按钮变为不可用。

<span style="font-size:14px;"><span style="font-size:12px;">    <body>        <div id="divtest">            <div class="title">                <span class="fl">我最爱吃的水果</span>                 <span class="fr">                    <input id="btnShow" type="button" value="加载" />                </span>            </div>            <ul></ul>        </div>                <script type="text/javascript">            $(function () {                $("#btnShow").bind("click", function () {                    var $this = $(this);                     $("ul")                    .html("<img src='Images/Loading.gif' alt=''/>")                    .load("http://www.imooc.com/data/fruit_part.html",function(){                        $this.attr("disabled", "true");                    });                })            });        </script>    </body></span></span>

结果：

0 0

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

语法

例子：通过调用load()方法向服务器请求加载fruit_part.html文件中的内容，当加载成功后，先显示数据，并将按钮变为不可用。

例子：通过调用`load()`方法向服务器请求加载fruit_part.html文件中的内容，当加载成功后，先显示数据，并将按钮变为不可用。