0

我不知道为什么 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>

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

4

2 回答 2

0

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

于 2013-10-25T21:59:52.593 回答
0

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

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

谢谢各位的帮助!

于 2013-10-28T19:07:05.713 回答