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

json-ajax-jsonp-cookie相关推荐

Ajax跨域提交JSON和JSONP
可以直接使用$.getJSON()方法实现跨域请求,参数中必须加上callback,如: var jsonpUrl = 'http://www.test.com/index.php?c=Api_Ord ...
php json -gt;访问,【转】Php+ajax+jsonp解决ajax跨域问题
首先:jsonp是json用来跨域的一个东西. 原理是通过script标签的跨域特性来绕过同源策略. 发送端: $.ajax({ type : "post", url : &quo ...
ajax怎么创建json对象,ajax jsonp我写的方法怎么调用不了？为什么用$.getJSON方法能生成数据？...
// $.getJSON("http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?", function(data) { ...
说说JSON和JSONP，也许你会豁然开朗
为什么80%的码农都做不了架构师?>>> 前言: 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现. 当然了,通过 ...
JSON和JSONP有什么区别？
本文翻译自:What are the differences between JSON and JSONP? 格式明智,文件类型明智和实用明智吗? #1楼参考:https://stackoom.co ...
PHP AJAX JSONP实现跨域请求使用实例
在之前我写过"php返回json数据简单实例","php返回json数据中文显示的问题"和"在PHP语言中使用JSON和将json还原成数组" ...
说说JSON和JSONP，也许你会豁然开朗，含jQuery用例
前言: 说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可 ...
json和jsonp（json是目的，jsonp是手段）
自己理解:JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议.我们拿最近比较火的谍战片来打个比方,JSON是地下党们用来书写和交换情报的" ...
JSON和JSONP
说说JSON和JSONP,也许你会豁然开朗作者: 随它去吧来源: 博客园发布时间: 2012-07-16 14:33 阅读: 8069 次推荐: 75 原文链接 [收藏] ...
说说JSON和JSONP，也许你会豁然开朗，含jQuery使用jsonp用例
[原创]说说JSON和JSONP,也许你会豁然开朗,含jQuery用例前言: 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现. 当然了 ...

json-ajax-jsonp-cookie

json-ajax-jsonp-cookie相关推荐

最新文章

热门文章