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

【问题标题】：insert an html file into a DIV id in my main html file using javascript and AJAX使用 javascript 和 AJAX 将 html 文件插入到我的主 html 文件中的 DIV id
【发布时间】：2012-01-20 22:03:22
【问题描述】：

在作业中，我需要一个按钮，当单击该按钮时，它会插入来自我编写的另一个外部 html 文件的内容。如果你愿意的话，一个sn-p。我不想使用 iframe，所以我卡住了。我真的不知道该怎么做，这是我目前拥有的 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。我怎样才能让它工作？

【问题讨论】：

how to create a button in html/javascript/css that when clicked opens a sample web page within a webpage的可能重复
你已经问过这个问题了，我的回答和 Soc 一样。

标签： javascript ajax dom html

【解决方案1】：

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

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

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

【讨论】：