2011-11-16 9 views
11

外部ファイルのプレーンテキストをページに読み込もうとしていて、タイトルにエラーが表示され続けます。私は間違って何をしていますか? (私は正確にチュートリアルに従った!)ありがとう。ノードを階層内の指定されたポイントに挿入できません

HTML

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<script src="ajax.js"></script> 
</head> 

<body> 
<input id="button" type="button" value="Load" /> 

<div id="content"></div> 
</body> 
</html> 

jQueryの

$("#button").click(function(){ 
    $.ajax({ 
     url:"AjaxRequest.html", 
     success:function(data) { 
     $("#content").html(data); 
     } 
    }); 
}); 

EDIT:それは一見何も成功しません。理由は分かりませんが、ファイルはすぐ隣にあります。

+0

はでタグを持っていますそれ)。 タグ内で有効なhtmlを返す必要があります。 –

+0

このチュートリアルでは、bodyタグにチュートリアルを表示していません。 タグを入れてもまだロードされません。 – Ber53rker

+0

@ user1026288これはJohnが言ったことではない。 *有効な内容を文書本体の中に挿入する必要があります*。つまり、「」または「」を含むことはできません。これらはネスト可能ではありません。 – hobbs

答えて

31

を試してみてください。私は($アヤックスコールのあなたの成功の機能に返されるデータが全ページであることを推測してい

$("#button").click(function(){ 
    $.ajax({ 
     url:"AjaxRequest.html", 
     dataType:'html', 
     success:function(data) { 
     $("#content").html(data); 
     } 
    }); 
}); 
+2

これはうまくいった!ありがとう! – Ber53rker

+2

FFでバグを修正するのに役立ちます。ありがとう。 – Nolesh

1

データ型を指定してみてください

$("#content").append('<p>'+data+'</p>'); 
+0

それは明らかにその行に当たっていません。成功を収めていない。 – Ber53rker