javascript - 使用 AJAX/jQuery 将内容加载到 div

Question

我是 jQuery/AJAX 的初学者，我的目标是将内容加载到下面的 div:

<div id="blogcontentloaded">
    
</div>

我想到了 .load 并且它起作用了，页面加载但它不断刷新并一遍又一遍地加载。

$(function loadBlog(e) {
    $('#blogcontentloaded').load('/blog/page1.html');
    e.preventDefault();
    return false;
});

我尝试使用 e.preventDefault，但它对我不起作用。 我的目标也是在没有任何按钮的情况下做到这一点。当主页加载我想要与主页一起加载的页面部分时，将用于更新加载元素中的内容。
感谢您的帮助!

Answer 1

您可以使用 javascript load 函数。它可能会解决您的问题。 here您可以获得有关 windows load 和 jQuery ready 函数的一些信息。

$( window ).on( "load", function() {
    $('#blogcontentloaded').load('/blog/page1.html');
});