慕课网Ajax全接触学习(二)

JSON格式

JSON基本概念

• json：JavaScript对象表示法（JavaScript Object Notation）
• json:  json是存储和交换文本信息的语法，类似XML。它采用键值对的方式来组织，易于人们阅读和编写，同时也易于机器解析和生成
• json:  json是独立于语言的，也就是说不管什么语言，都可以解析json,只需要按照json的规则来就行

json与XML比较

json的长度和xml格式比起来很短小

json读写的速度更快

json可以使用JavaScript内建的方法直接进行解析，转换成Javascript对象，非常方便

json语法规则

• json数据的书写格式是：名称/值对。
• 名称/值对组合中的名称写在前面（在双引号中），值对写在后面（同样在双引号中），中间用冒号隔开: 比如"name" : "郭靖"
• json的值可以是下面你这些类型：
• 数字（整数或浮点数），比如123，1.23
• 字符串（在双引号中）
• 逻辑值（true或false）
• 数组    （在方括号中）
• 对象      （在花括号中）
• null

json解析、格式话和校验工具

json解析

eval和json.parse

在代码中使用eval是很危险的！！！特别是用它执行第三方的JSON数据（其中可能包含恶意代码）时，尽可能使用JSON.parse()方法解析字符串本身，该方法还可以捕捉JSON中的语法错误。

用jquery实现Ajax

jQuery.ajax([settings])

type: 类型，“POST”或“GET”,默认位“GET”

url  : 发送请求的而地址

data: 是一个对象，连同请求发送到服务器的数据

dataType: 预期服务器返回的数据类型。如果不指定，jquery将自动根据HTTP包MIME信息来智能判断，一般我们采用json格式，可以设置为“json”

success:    是一个方法，请求成功后的回调函数。传入返回后的数据，以及包含成功代码的字符串

error    :    是一个方法，请求失败时调用此函数。传入XMLHttpRequest对象

跨域

JavaScript出于安全方面的考虑，不允许跨域调用其它页面的对象。什么是跨域呢，简单地理解就是因为JavaScript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。

后台处理跨域的方式

前台处理跨域的方式-jsonp不支持POST请求

处理跨域方法三——XHR2