A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
XHR.readyStateが '1' という事は、’ロード中’って事ですね
0 = 初期化されていない
1 = ロード中
2 = ロード済み
3 = 対話可能
4 = 完了
です。
XHR.statusの方はサーバーが返すレスポンスコードですから、
まだ、無いんですね。うまくいくと'200'が返されるはずです。
サーバーが FileNotFound 404 や、アクセス禁止、インターナルエラー
等のコードを返してる分けでもない。
残念ながら、それしか解りません。
お役に立ちませんで...
No.1
- 回答日時:
「たぶんこれが間違っているんだと思うのですが」
=>相対パスのURLでも$.load()は可能です。
そおいった意味では間違っていません
$("#sub_header").load("../header.html",
function(responseText,textStatus,XHR){
alert(responseText); //読み込んだもの
alert(textStatus); //"success"のはず
alert(XHR.readyState); //"4"のはず
alert(XHR.status); //"200"のはず
alert(XHR.responseText); //読み込んだもの
});
で、ステータスとか読み込んだ物を確認できますよ。
根本的にAJAX利用、思い違いしてませんか?
読み込んだ、HTMLが自ページのHTMLと不整合を引き起こし、
それがブラウザーの自動補正機能でも修正しきれないもの
だとレンダリング不能になり、いつまでもグルグルになり
ますよ。
この回答への補足
回答ありがとうございます。実行してみました。
空
undefined
1
0
空
ちなみに読み込みが成功しているページでは、数字は少し違いましたがyyr446さんの言ったとおりの結果がでました。
成功しているページ
$("#header").load("./header.html");
index.htmlから同階層内のheader.htmlの読み込み
失敗しているページ
$("#header").load("../header.html");
index.htmlから一つ上の階層のheader.htmlの読み込み
基本的に二つはコピー、他のファイル指定はjs含め全て合っているはず(alertの結果が出ることからも)で、成功と失敗の差はドット一つです。
../header.htmlを絶対パスで打ち込んでみると、successとは出ましたが、
他は変わりなしでした。
//根本的にAJAX利用、思い違いしてませんか?
只今、何ができるか、どういったものか、AJAXについて勉強中ですので全て実験段階です。
javascript自体もほとんど初心者ですので、
今回の質問も二つのファイルの違いはドットひとつ、[ ../ ]という記述自体が使えないのかも?
でも、調べても相対パス不可というのは見つけられなかった。。ということからなのです。
AJAX等についてはこれから理解するつもりですので、大目に見ていただけると幸いです。
undefinedということでいろいろ試していますが、まだ解決できません。。
お世話になります
QNo.6042655
JQueryでのloadの動作がFirefoxで動かなくて困っています。
この質問、たまたまyyr446さんがお答えになられている質問ですが
私とまったく同じ症状なんです。(ちなみに私はfirefoxでプレビューしております)
QNo.6042655と同じくIEでプレビューしてみると問題なく動作しましたことを報告します。
このことを受けてFireFoxでの動作問題と受け止め、二つのファイルを同階層内にとどめることによって一応の解決と致しました、と同時にお礼申し上げます、ありがとうございました。
ですが根本的には解決してはおりません。。。
FireFoxの問題で済まして良いのやら。。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- JavaScript 階層別の組織図の自動作成について 1 2022/10/26 13:42
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- 楽器・演奏 へ音記号の楽譜を読めるようになりたいので、ト音記号との音階の音域の違いを知りたいです。 3 2023/08/14 14:15
- Google Maps すみません、さっき同じような質問をしたのですが、Googleマップの口コミで悪いコメントを書いたとこ 2 2023/04/25 19:23
- C言語・C++・C# pythonで外部のファイルを読み込む際のエラー 2 2022/04/12 19:22
- SEO googleサーチコンソールでの重複ページ(ダブルスラッシュ) 3 2023/06/12 15:00
- ノートパソコン Windowsが起動しなくなってしまいました。 4 2023/08/28 16:30
- 電子書籍 電子書籍の開き方教えて 2 2022/04/30 07:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
直リンク禁止
-
Application.OnTimeで引数付き...
-
JSPと異なるディレクトリのファ...
-
複数のindex.htmlを作ってもい...
-
1つ下の階層のフォルダに相対...
-
XREA使用で作成したHTMLファイ...
-
リンク先に日本語フォルダがあ...
-
1+(1+2)+(1+2+3)....+(1+2+...+...
-
URLの書き方
-
URLの日付について
-
URLについて
-
既存ウェブサイトをWordPressへ...
-
index.htmlの省略
-
URLに「.html」の拡張子がなく...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
ホームページでファイルをダウ...
-
htmlファイルの表示が真っ白
-
フレーム内のPHPへPOSTで情報を...
-
htmlの中にexcelが埋め込むには...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1つ下の階層のフォルダに相対...
-
リンク先に日本語フォルダがあ...
-
XREA使用で作成したHTMLファイ...
-
複数のindex.htmlを作ってもい...
-
Application.OnTimeで引数付き...
-
Apacheで、indexの拡張子別に優...
-
URLの日付について
-
フォルダ内の最初のファイル名...
-
Windows環境下のHTML内部リンク...
-
.htmと.htmlの違い
-
webサイトの「index」を非表示...
-
htaccessを利用してurl正規化
-
URLに「.html」の拡張子がなく...
-
数秒で自動リンクするページを...
-
トップページ「/index.html」の...
-
複数のindex.htmlが存在するホ...
-
indexをつけないとどうなる?
-
絶対パスのルートをサブディレ...
-
ホームを index.html から inde...
-
index.htmlファイルはどこに?
おすすめ情報