非常に単純なAjax質問

私はJQueryを学んでいるだけで、いくつかのスクリプトを自分のサイトで正常に処理しています。私がnitwitsの本のためにJQueryがAjaxと呼ぶものに着くまで。私はjQueryのは、私は作品をGoogleにリンクを知っているだけで正常に動作ページでこれを試してみましたが、この非常に簡単なスクリプト非常に単純なAjax質問

<div class="menu"> 
<script> 
$(function(){ 
$('div').load('mytext.txt'); 
}); 
</script> 

<div id="here"> </div> 
</div>

をやろうとしています。私はこのようないくつかの小さなスクリプトを試して、どのような状況下でも動作させることはできません。 Mytext.txtは、スクリプトを使ったphpファイルと同じディレクトリにあります。 .load作業をするために使用しなければならない魔法の言葉がありますか？

私は無駄に

$('div#here').load('mytext.txt');

を試してみました。特に注意しなければならないのは、codeigniterサイトですが、コントローラーとは独立したajaxを呼び出していて、他のJQuery呼び出しと同じようにビューから直接呼び出しても問題ありません。

これは世界で最も単純なものです。 .loadを動作させるために何もできないのはなぜですか？ありがとう

出典

2010-12-13 Brad

ブラウザからmytext.txtにアクセスできますか？ – wajiw

私はそれを得るためにphpインクルードを使用しようとします。 – Brad

これは、あなたが与えた線に沿って作業をしなければならない - ここで働くjsfiddleを参照してください。

http://jsfiddle.net/PuPtT/

を私は考えることができる唯一のことは、ファイルへのパスをチェックすることです（多分/mytext.txt、つまりスラッシュが前面に表示されているはずです）。また、ブラウザ内からファイルを開くことができますか？つまり、www.yoursite.com/mytext.txtにアクセスしますか？

あなたのHTMLには、<script>タグが一般的に<head>タグにあるはずです。

出典

2010-12-13 01:22:16

私は今それを試してみます – Brad

codeigniterのファイル規約のためにファイルを直接扱うことはできません。私はPHPを使用してそれを呼び出すことができます。 – Brad

私は、私はpublic_htmlディレクトリにすべての方法を含めるには、ファイルを移動することによって動作するようになった。私はshoudntをしなければならなかったが、それはなぜ重要であるか把握していきます。あなたのおかげで、あなたは偉大な人です – Brad

Firebugを有効にしてFirefoxを使用してページを実行してみてください。 NET/HTTPトラフィックを監視します。

私の推測によると、相対パスの問題があります。 Firebugは、mytext.txtが要求されたときの正確なエラーの詳細をいくつか示します。

出典

2010-12-13 01:17:13

$（関数が定義されておらず、ファイルmytext.txt – Brad

@bradへの呼び出しがありません。jqueryが適切に組み込まれていますか？ – kobe

私はオンサイトjquery – Brad

以下のスニペットは私のLinuxホスティング環境で正しく動作しています。両方のファイル（so.htmlとmytext.txtはドキュメントのルートにあります）。scriptタグで "type"属性を指定しないと問題が発生するのでしょうか？また、$（ 'div＃here'）。... $（ 'div'）とは対照的に、load ... ...

ファイル=/so .htmlを

<!DOCTYPE html> 
<html> 
<head> 
<title>Stackoverflow is Awesome</title> 
<script 
    type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> 
</script> 
</head> 
<body> 
<div class="menu"> 
    <div id="here"></div> 
</div> 
<script type="text/javascript"> 
    $(function(){ 
    $('div#here').load('mytext.txt'); 
    }); 
</script> 
</body> 
</html>

mytext.txtからファイル= /mytext.txt

こんにちは!!!!!

出典

2010-12-13 01:45:15 JTP

私はコードが良いと信じています。しかし、Chromeとfirefoxのfirebugはファイルが見つからないと私に伝えます。ファイアウォールだけでなく、$ドキュメントの準備ができているかどうかはわかりません。私はファイルの位置について作業し、ファイルの名前をhtmlファイルに変更します。これはcodigniterだと思います。私は何もしていないので、ファイルを探している場所を見つけ出す必要があります。 – Brad

答えて

関連する問題