jquery AJAX-JSON

11244 ワード

AJAXは、Webページ全体を再ロードすることなく、一部のWebページを更新できる技術です.
XMLHttpRequestは、バックグラウンドでサーバとデータを交換するために使用されます.これは、Webページ全体を再ロードせずに、Webページの一部を更新できることを意味します.
function ajax(option) {
    // 0.         
    var str = obj2str(option.data); // key=value&key=value;
    // 1.        
    var xmlhttp, timer;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    // 2.           
    /*
    method:     ;GET   POST
    url:          
    async:true(  )  false(  )
    */
    if(option.type.toLowerCase() === "get"){
        xmlhttp.open(option.type, option.url+"?"+str, true);
        // 3.    
        xmlhttp.send();
    }else{
        xmlhttp.open(option.type, option.url,true);
        //    :         open send  
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send(str);
    }

    // 4.       
    xmlhttp.onreadystatechange = function (ev2) {
        /*
        0:       
        1:         
        2:      
        3:      
        4:      ,      
        */
        if(xmlhttp.readyState === 4){
            clearInterval(timer);
            //         
            if(xmlhttp.status >= 200 && xmlhttp.status < 300 ||
                xmlhttp.status === 304){
                // 5.       
                // console.log("           ");
                option.success(xmlhttp);
            }else{
                // console.log("             ");
                option.error(xmlhttp);
            }
        }
    }
    //              
    if(option.timeout){
        timer = setInterval(function () {
            console.log("    ");
            xmlhttp.abort();
            clearInterval(timer);
        }, option.timeout);
    }
}

2、JSON(JavaScript Object Notation,JSオブジェクトプロファイル)は軽量レベルのデータ交換フォーマットである.ECMAScript(欧州コンピュータ協会が制定したjs仕様)のサブセットに基づいて、プログラミング言語とは完全に独立したテキストフォーマットを用いてデータを格納し、表す.簡潔で明確な階層はJSONを理想的なデータ交換言語にした.読み取りと作成が容易であり、同時に機械の解析と生成が容易であり、ネットワーク伝送効率を効果的に向上させる.
JSONとJSオブジェクトの相互転送JSON文字列からJSオブジェクトへの変換を実現するには、JSONを使用する.parse()メソッド:
var obj = JSON.parse(’{“a”: “Hello”, “b”: “World”}’);//結果として{a:‘Hello’,b:‘World’}JSオブジェクトからJSON文字列への変換を実現するにはJSONを用いる.stringify()メソッド:
var json = JSON.stringify({a: ‘Hello’, b: ‘World’});//結果は{"a":"Hello","b":"World"}’
3、cookie cookieセッション追跡技術クライアントsessionセッション追跡技術サービス
クッキーの役割:Webページのデータをブラウザdocumentに保存します.cookie = “Name=value;” クッキーライフサイクル:デフォルトの次のセッション(ブラウザを閉じる)expires有効期限の指定
var date = new Date();
date.setDate(date.getDate() + 1)
document.cookie = "Name=value;expires="+date.toGMTString()+";";

cookie注意点:cookieには大きさと個数の制限がある(ブラウザによって個数が20~50違う)大きさの制限:4 KB程度
クッキーの有効範囲:同じブラウザの同じパスでアクセス