Вставьте HTML-файл в идентификатор DIV в моем основном HTML-файл, используя JavaScript и AJAX

Question

в назначении Мне нужна кнопка, которая при нажатии вставляет содержимое из другого внешнего HTML-файла, который я написал.Фрагмент, если хотите.Я не хочу использовать iframes, поэтому я застрял.Я действительно не знаю, как это сделать, это код JavaScript, который у меня есть на данный момент:

html:

<div id = "snippet"></div>
<button id = "generate">generate</button>

js: (игнорируйте первые 3 строки, это для других методов)

document.observe('dom:loaded', function() {
    $('submit').observe('click',alertHSL);
    $('submit1').observe('click',alertRGB);
    $('submit2').observe('click',alertHex);
    $('generate').observe('click',loadSnippet);
});

function loadSnippet() {
    $("#snippet").load("snippet-b.html");
}

, но когда я запускаю его в firefox (с firebug для его отладки), он продолжает говорить, что $("#snippet").load("snippet-b.html"); is = null.как мне заставить это работать?

Answer 1

Вы можете попробовать тот же подход с эквивалентной функцией get:

$.get('snippet-b.html', function(data) {
    $('#snippet').html(data);
    alert('Load was performed.');
});

Если это не приближает вас, вы можете загрузить отладочную версию jquery и добавить точку останова, чтобы увидеть, какие объекты являются нулевыми.