插入一個HTML文件到我的主html文件中使用JavaScript和AJAX

在一個分配我需要一個按鈕，單擊時，插入從我寫的另一個外部html文件中的內容。如果你願意的話，可以選擇一個片段我不想使用iframe，所以我卡住了。我真的不知道如何做到這一點，這是JavaScript代碼，我現在：插入一個HTML文件到我的主html文件中使用JavaScript和AJAX

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中運行（與螢火調試它），它口口聲聲說$("#snippet").load("snippet-b.html"); is = null。我如何得到這個工作？

來源

2011-12-15 anthony

可能重複[如何在html/javascript/css中創建一個按鈕，當點擊打開網頁中的示例網頁]（http://stackoverflow.com/questions/8511698/how-to-create-a -button-in-html-javascript-css-that-when-clicked-opens-a-sample-w） – jrummell 2011-12-15 13:37:50

你可以嘗試同樣的方法用等價get函數：

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

如果這沒有讓你更接近你可以加載的jQuery的調試版本，並添加一個斷點，看看哪些對象是空的。

來源

2011-12-15 13:28:49

插入一個HTML文件到我的主html文件中使用JavaScript和AJAX

回答

相關問題