jquery ajax load() function

jquery ajax load() function

本文关键字:function load ajax jquery      更新时间:2023-09-26

我不知道为什么jquery ajax加载函数没有响应。当我单击应强制div 加载文件内容的链接时.txt除了我收到指示加载函数成功运行的警报窗口外,没有任何反应。代码如下:

主模板.html

<div class="contentWrapper">
        <table>
            <thead>
                <tr>
                    <th>
                        Location
                    </th>
                    <th>
                        Account
                    </th>
                    <th>
                        Industry
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr id="Row1">
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                </tr>
                <tr id="Row2">
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                </tr>
                <tr id="Row3">
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                </tr>
                <tr id="Row4">
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                </tr>
            </tbody>
        </table>
        <!-- <button>Click Me</button> -->
</div>

jQuery 文件:

$(document).ready(function () {
$("[id^=Row]").click(
    function () {
    $(".contentWrapper").load('foo.txt', function () { alert("Load was performed successfully")});
    }
);
});

foo.txt:

<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>

我在这里很沮丧。我正在使用谷歌浏览器作为我的浏览器。

如果您仔细查看 .load 方法文档,您会注意到它的第二个参数是三个参数的函数,该参数总是在请求"完成"时调用,这并不意味着它已成功。请参阅本页底部的示例,了解如何从请求对象获取错误信息

事实证明,我以错误的方式使用了jQuery AJAX。我没有在服务器上运行代码,所以当我点击链接运行jQuery load()函数时,xml http请求没有通过。菜鸟错误。

我在服务器上运行了代码并修复了文件地址问题。它现在有效!

感谢大家的帮助!