jquery AJAX-JSON
11244 ワード
AJAXは、Webページ全体を再ロードすることなく、一部のWebページを更新できる技術です.
XMLHttpRequestは、バックグラウンドでサーバとデータを交換するために使用されます.これは、Webページ全体を再ロードせずに、Webページの一部を更新できることを意味します.
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有効期限の指定
cookie注意点:cookieには大きさと個数の制限がある(ブラウザによって個数が20~50違う)大きさの制限:4 KB程度
クッキーの有効範囲:同じブラウザの同じパスでアクセス
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程度
クッキーの有効範囲:同じブラウザの同じパスでアクセス