jQuery中Ajax的load方法详解

2020-05-23 06:19:58易采站长站整理

     *  第3层是$.getScript()和$.getJSON()方法
     *
     *
     * load()方法是jQuery中最为简单和常用的Ajax方法,能载入远程HTML代码并插入DOM中。
     *      load(url [, data] [, callback])
     *
     *      url              String      请求HTML界面的URL地址
     *      data(可选)        Object      发送至服务器的key/value数据
     *      callback(可选)    Function    请求完成时的回调函数,无论请求成功或失败
     * */

</script>
</html>

load()载入筛选后的HTML文档


<!DOCTYPE html>
<html>
<head lang=”en”>
    <meta charset=”UTF-8″>
    <script type=”text/javascript” src=”../../js/jquery-2.1.3.js”></script>
    <style>
        * { margin:0; padding:0;}
        body { font-size:12px;}
        .comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
        .comment h6 { font-weight:700; font-size:14px;}
        .para { margin-top:5px; text-indent:2em;background:#DDD;}
    </style>
    <title></title>
</head>
<body>
<input type=”button” id=”send” value=”Ajax获取” />
<div class=”comment”>已有评论</div>
<div id=”resText”></div>
</body>
<script type=”text/javascript”>
    $(function () {
        $(“#send”).click(function () {
            $(“#resText”).load(“test.html .para”);
        });
    })
    /**
     * 筛选载入的HTML文档
     *
     * load()方法的URL参数的语法结构为:”url selector”,注意URL和选择器之间有一个空格
     *
     * load()方法的传递方式根据参数data来自动指定。