なぜいつも同じHTMLソースなのか？

質問

JQueryMobile＋HTMLでモックアップを作っています。その際、疑問に思ったのですが、右クリックから「ソースの表示」をしたとき、なぜ最初のページのHTMLがが出るのでしょうか？？

しかも、ブラウザで見える画面は、遷移後の画面になっているので不思議でなりません。

(1)ブラウザはHTMLソースを元にレンダリングするのですよね？
(2)JQueryMobileどうこうの話ではなくて、AJAX関連が関係しているのでしょうか？（自分はAjaxのコードを書いたつもりはないのですが、JQueryMobileの中で使われているのでしょうか？）
(3)今までの質問とちょっと内容が違うのですがAJAXは「非同期通信でXMLデータをやり取りする」のだそうですが、XMLファイルはプログラムでは扱っていません。AJAXは一体何の目的のために、どんなことをしているのでしょうか？

回答No.1

Gotthold · ベストアンサー

> (1)ブラウザはHTMLソースを元にレンダリングするのですよね？
JavaScriptでHTMLを書き換えた場合
当然ページの内容は書き換わるわけですが、
「ソースの表示」で閲覧できるのは常にJavaScriptで書き換えられる前のHTML（＝サーバーが送ってきたHTML）なので
JavaScriptによる更新内容は確認できません。
Firefoxの「選択した部分のソースを表示」などを使えばJavaScriptで更新された後のHTMLを見ることができます。

> (2)JQueryMobileどうこうの話ではなくて、AJAX関連が関係しているのでしょうか？
JavaScriptでHTMLを書き換えればそうなります。
（JQueryMobileを使うにしても、AJAXなやり方をするにしても、JavaScriptによるHTML書き換えは当たり前にやっているはず。）

> (3)今までの質問とちょっと内容が違うのですがAJAXは「非同期通信でXMLデータをやり取りする」
やりとりされるデータはXMLとは限らず、プレーンテキストやJSONでも別にかまわないです。
その場合XMLは関係なくなりますが、AJAXという言葉が便利なのかあまり気にせずAJAXと言われる気がしなくもない。

> XMLファイルはプログラムでは扱っていません。
通信するデータを必ずファイルとして持っていなければいけないとか思ってます？
プログラムがXMLデータを生成→転送→プログラムがXMLデータを受け取って使用
という流れだと、XMLデータがファイルの形態をとることは無いですよ。

> AJAXは一体何の目的のために、どんなことをしているのでしょうか？
「ページ遷移を発生させず」に、「サーバーとデータをやりとり」し、「ページ内容を更新」する。
（ここで言うページ遷移は、普通にリンクをクリックしたときのようにHTML自体を読み直す遷移のこと。）

お礼

ありがとうございます。

JavascriptでHTMLを書き換える場合は、Firefoxとかで見ない限りHTMLは変わらないんですねー！

AJAX、XMLを使ってなくても広義で非同期通信を指すのも、やっと納得できました。

ありがとうございます！