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

使用javascript和AJAX将html文件插入到我的主html文件中的DIV id中,javascript,ajax,dom,html,Javascript,Ajax,Dom,Html,在作业中,我需要有一个按钮,单击该按钮时,可以插入我编写的另一个外部html文件的内容。如果愿意的话,请给我一个片段。我不想使用iframes,所以我被卡住了。我真的不知道怎么做,这是我目前的javascript代码: html: <div id = "snippet"></div> <button id = "generate">generate</button> 但当我在firefox中运行它时(用firebug调试),它总是说$(“#sni

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

html:

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

但当我在firefox中运行它时(用firebug调试),它总是说
$(“#snippet”).load(“snippet-b.html”);is=null
。我怎样才能让它工作

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

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

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

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

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

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

可能重复您已经问过这个问题,我的回答方法与Soc相同。可能重复您已经问过这个问题,我的回答方法与Soc相同。