json-ajax-jsonp-cookie

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}$/;