是否可以将现有的带有jquery的href链接加载到div标签中而无需重新加载?

时间:2012-09-16 09:43:28

标签: jquery ajax

我真的不明白ajax是如何工作的,但我看过教程允许我通过点击按钮将div更改为网页。

有没有办法通过阅读div代码中的属性,将点击的链接加载到<a>代码而不刷新?

我有以下HTML:

<table align='center'>
    <tr>
        <td>
            <a href='http://libraryofalexandria.tk/index.php'>Home</a>
        </td>
        <td>
            <a href='http://libraryofalexandria.tk/pdfupload.php'>Book Upload</a>
        </td>
        <td>
            <a href='http://libraryofalexandria.tk/booksearch.php'>Book search</a>
        </td>
    </tr>
</table>
<div id='pageLoad'></div>

1 个答案:

答案 0 :(得分:3)

您可以将点击事件附加到链接并使用load(),将内容加载到div中。

$("a").click(function() {        
    $("#pageLoad").load(this.href);

    return false;
});​

仅当链接由于跨域安全限制而位于同一域时才会起作用。有关详细信息,请参阅same origin policy文档。