使用 AJAX/jQuery 将内容加载到 div答案

【问题标题】：Loading content to the div using AJAX/jQuery使用 AJAX/jQuery 将内容加载到 div
【发布时间】：2018-10-14 21:40:26
【问题描述】：

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

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

我想出了 .load 并且它有效，页面加载但它不断刷新并一遍又一遍地加载。

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

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

【问题讨论】：

【解决方案1】：

您需要将函数包装在“就绪”函数中，并确保它执行一次：

$(document).ready(function(){
    $('#blogcontentloaded').load('/blog/page1.html');
});

【讨论】：

【解决方案2】：

您可以使用 javascript load 函数。它可能会解决您的问题。 here你可以得到一些关于windowsload和jQueryready函数的信息。

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

【讨论】：

【解决方案3】：

你用过其他js文件上面的jQuery文件吗？

添加 jQuery.js 文件

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

【讨论】：