詳細はAjax、この機能

Question

私は小さい時のJS関数はAjaxさせていただくこともで追加後のデータになります。Ajaxているような大きな話題の多くの図書館で、私は欠から機能では不安定なたは何かに気?

function loadPage(pagePath, displayElement)
{
    var xmlHttp;

    try
    {
        // Firefox, Opera 8.0+, Safari
        xmlHttp=new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
        try
        {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            try
            {
                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
            {
                alert("Your browser does not support AJAX!");
                return false;
            }
        }
    }

    xmlHttp.onreadystatechange=function()
    {
        if(xmlHttp.readyState==4)
        {
            document.getElementById(displayElement).innerHTML = xmlHttp.responseText;
        }
    }

    xmlHttp.open("GET", pagePath, true);
    xmlHttp.send(null);
}

Answer 1

いることを、強くおすすめしませんロール独自のAjaxコードです。代わりに使用しますの枠組みなどの試作、道場なのです。彼らの取り扱いにReadyStatesのない方についての2つの手段で送付し、3つの意味でのプロセス等）、 というのreponseを取得しているんで挿入する不安javascriptうにしてみましょう。

もうひとつ、より堅牢なフレームワークまでの能力だけではダメだと思うので使用innerHTML交換のDOM.機能がここにのみ使用できる要素との反応からのajaxます。もっとたくさんありますができAjax.

Answer 2

いを取り除きます。

alert("Your browser does not support AJAX!")

叫びで、ユーザ言語でしょうか分かりにくい状況が悪い。:-)

Answer 3

こんのファンに入れ子をtry/catchブロックで思うようなもの:

var xmlHttp;
if (window.XMLHttpRequest) {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
} else if (window.ActiveXObject) {
  try {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
}

if (xmlHttp) {
  // No errors, do whatever you need.
}

いと思うんです。ものとしては前述の通り-なぜ管理ソリューションを提ホイールは、図書館があります。より良い方います。

Answer 4

jQueryは、軽人気の図書館があります。

Answer 5

同様のこと試作:

function loadPage(pagePath, displayElement) {
    new Ajax.Updater(displayElement, pagePath);
}

Ajax.アップデータで試作API

Answer 6

まだ抜けていては、jQueryや試作のソースコードをajaxできます。がある場合はバグのコメントを見れました。