json

json是 JavaScript Object Notation的首字母縮寫，單詞的意思是javascript對象表示法，這里說的json指的是類似于javascript對象的一種數據格式，目前這種數據格式比較流行，逐漸替換掉了傳統的xml數據格式。

json是輕量級,易解析

?

javascript自定義對象：

var oMan = {
??? name:'tom',
??? age:16,
??? talk:function(s){
??????? alert('我會說'+s);
??? }
}

json格式的數據：

? {
???"name":"tom",
??? "age":18
}

?

與json對象不同的是，json數據格式的屬性名稱和字符串值需要用雙引號引起來，用單引號或者不用引號會導致讀取數據錯誤。

?

json的另外一個數據格式是數組，和javascript中的數組字面量相同。

["tom",18,"programmer"]

?

Ajax

ajax可以實現局部刷新，也叫做無刷新，無刷新指的是整個頁面不刷新，只是局部刷新，ajax可以自己發送http請求，不用通過瀏覽器的地址欄，所以頁面整體不會刷新，ajax獲取到后臺數據，更新頁面顯示數據的部分，就做到了頁面局部刷新。國內刷新最多60秒國外2分鐘，采用同源策略（安全考慮）。

?

?

常用參數：

1、url請求地址

2、type請求方式，默認是'GET'，常用的還有'POST'

3、dataType設置返回的數據格式，常用的是'json'格式，也可以設置為'html'

4、data設置發送給服務器的數據

5、success設置請求成功后的回調函數

6、error設置請求失敗后的回調函數

7、async設置是否異步，默認值是'true'，表示異步

?

?

Jsonp

1.ajax只能請求同一個域下的數據或資源，有時候需要跨域請求數據，就需要用到jsonp技術，jsonp可以跨域請求數據，它的原理主要是利用了<script>標簽可以跨域鏈接資源的特性。jsonp和ajax原理完全不一樣，不過jquery將它們封裝成同一個函數。

?

2.使用方法:$.ajax({

???url:'js/data.js',

??? type:'get',

???dataType:'jsonp',

???jsonpCallback:'fnBack'

})

.done(function(data){

???alert(data.name);

})

.fail(function() {

???alert('服務器超時，請重試！');

});

?

?

cookie操作

cookie 存儲在本地，容量最大4k，在同源的http請求時攜帶傳遞，損耗帶寬，可設置訪問路徑，只有此路徑及此路徑的子路徑才能訪問此cookie，在設置的過期時間之前有效。

讀取cookie:$.cookie('mycookie');

設置cookie:$.cookie('mycookie','123',{expires:7,path:'/'});

?

表單驗證正則表達式：

?

用戶名驗證：(數字字母或下劃線6到20位)

var reUser = /^\w{6,20}$/;

?

郵箱驗證：???????

var reMail =/^[a-z0-9][\w\.\-]*@[a-z0-9\-]+(\.[a-z]{2,5}){1,2}$/i;

?

密碼驗證：

var rePass = /^[\w!@#$%^&*]{6,20}$/;

?

手機號碼驗證：

var rePhone = /^1[34578]\d{9}$/;

總結

以上是生活随笔為你收集整理的json-ajax-jsonp-cookie的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。