AJAX--load方法

$(selector).load(URL,data,callback);

参数名称 类型 说明
url String 请求HTML页面的URL地址
data(可选) Object 发送至服务器的key/value数据
callback(可选) Function 请求完成时的回调函数,无论请求成功或失败

 

1、load引入重复代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
        $(function () {
            $(".include").load("/try/ajax/demo_test.html", function(responseTxt,statusTxt,xhr){
                if(statusTxt=="success")
                    alert("外部内容加载成功!");
                if(statusTxt=="error")
                    alert("Error: "+xhr.status+": "+xhr.statusText);
            });
        });

    </script>

</head>
<body>
//1.当前文件中要插入的地方使用此结构:
<div class="include"></div>

</body>
</html>

发布了252 篇原创文章 · 获赞 5 · 访问量 7813

猜你喜欢

转载自blog.csdn.net/qq_32603969/article/details/103889197