ajax:xmlhttprequest:sample

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- ajax:xmlhttprequest:sample [2007/08/23 16:39] – 作成 - 外部編集 127.0.0.1
+++ ajax:xmlhttprequest:sample [2023/04/05 13:42] (現在) – 削除 nullpon
@@ 行 1: / 行 1: @@
-====== XMLHttpRequestサンプルコード ======
-非同期通信のサンプルコードと解説。
-<code javascript>
-function testXMLHttpRequest(){
-    /* XMLHttpRequestオブジェクト作成 */
-    var xmlhttp = createXmlHttp();
-    if (xmlhttp == null) {
-        window.alert("XMLHttpRequest非対応のブラウザです。");
-    }
-    /* レスポンスデータ処理用のコールバック関数を設定 */
-    xmlhttp.onreadystatechange = handleHttpEvent;
-    /* レスポンスデータ処理用のコールバック関数を定義 */
-    function handleHttpEvent(){
-        if (xmlhttp.readyState == 4) {
-            if (xmlhttp.status == 200) {
-                window.alert(xmlhttp.responseText);   //レスポンスデータを表示します。
-            } else {
-                window.alert("通信エラーが発生しました。");
-            }
-        }
-    }
-    /* HTTPリクエスト実行 */
-    xmlhttp.open("GET", "echo.cgi" , true);
-    xmlhttp.send(null);
-}
-function createXmlHttp(){
-    if (window.XMLHttpRequest) {             // Mozilla, Firefox, Safari, IE7
-        return new XMLHttpRequest();
-    } else if (window.ActiveXObject) {       // IE5, IE6
-        try {
-            return new ActiveXObject("Msxml2.XMLHTTP");    // MSXML3
-        } catch(e) {
-            return new ActiveXObject("Microsoft.XMLHTTP"); // MSXML2まで
-        }
-    } else {
-        return null;
-    }
-}
-</code>
-[[http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5016cf75-4358-4c1f-912e-c071aa0a0991.asp|MSXML]]
-POSTメソッドを実行する場合は、「HTTPリクエスト実行」の部分を以下のように修正
-<code>
-    xmlhttp.open("POST", "/script/ajax2.cgi" , true);
-    xmlhttp.setRequestHeader("Content-Type" , "application/x-www-form-urlencoded");
-    xmlhttp.send(postdata);
-</code>
-postdataは、以下のようなクエリ文字列を使う。値はURLエンコーディングされている必要がある。
-  key1=value1&key2=value2&key3=value3
-XMLHttpRequestは、その名の通り本来はXMLデータを送信するオブジェクトで、XMLデータを直接ポストできる。
-<code javascript>
-var xml;
-if (window.ActiveXObject) {
-    xml = new ActiveXObject("Microsoft.XMLDOM");
-} else if (document.implementation) {
-    xml = document.implementation.createDocument("" , "" , null);
-} else {
-    return;
-}
-xml.appendChild(xml.createElement("hoge")).apendChild(xml.createTextNode("ほげ？"));
-xmlhttp.open("POST", "/script/ajax2.cgi" , true);
-xmlhttp.send(xml);
-</code>

ajax/xmlhttprequest/sample.1187887146.txt.gz · 最終更新: 2007/08/23 16:39 by 127.0.0.1