使用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"); is = null $("#snippet").load("snippet-b.html"); is = null 。 我该如何工作？

Answer 1

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

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

如果这不能解决问题，则可以加载jquery的调试版本并添加一个断点以查看哪些对象为空。