javascript - 使用 javascript 和 AJAX 将 html 文件插入到我的主 html 文件中的 DIV id

Question

在作业中，我需要一个按钮，单击该按钮时，会插入我编写的另一个外部 html 文件中的内容。如果你愿意的话，一个片段。我不想使用 iframe，所以我卡住了。我真的不知道该怎么做，这是我目前拥有的 javascript 代码:

html:

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

js:(忽略前三行，那是其他方法)

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");是=空。我如何让它工作？

Answer 1

您可以使用等效的 get 函数尝试相同的方法:

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

如果这不能让您更接近，您可以加载 jquery 的调试版本并添加断点以查看哪些对象为空。