Загрузка контента в div с использованием AJAX / jQuery

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. Это может решить вашу проблему. здесь вы можете получить некоторую информацию о функциях windows load и jQuery ready.

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

Answer 2

Использовали ли вы файл jQuery поверх других файлов js?

Добавить файл jQuery.js

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

Answer 3

Вам нужно обернуть функцию в функцию 'ready' и убедиться, что она выполняется один раз:

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