javascriptとAJAXを使用して、メインのhtmlファイルのDIV idにhtmlファイルを挿入する

Question

割り当てには、クリックすると、書いた別の外部htmlファイルのコンテンツが挿入される必要があります。もしあなたがスニペット。私は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でそれを実行するときには、その$("#snippet").load("snippet-b.html"); is = nullを言って続けています。これをどのように機能させるには？

Answer 1

あなたは同等のget関数と同じアプローチを試すことができます。

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

これはあなたが近いあなたはjqueryののデバッグバージョンをロードし、ヌルであるオブジェクトを参照するには、ブレークポイントを追加することができます取得しない場合。