Ajax和Json的介绍(一)

Ajax简介：

优点：

1.Ajax是一种网页开发技术，异步JavaScript和XML;(这样叫的原因是是因为ajax传递数据是用json格式的，而json和xml又类似，都是以键值对，josn是"name":"wp",xml的是:<name>wp</name>)

2.Ajax能异步交互，局部刷新;

3.Ajax能减少服务器压力;

4.AJax能提高用户体验;

Ajax与传统交互比较：

传统交互：网页整体刷新，服务器压力大，用户体验不好；Ajax交互：局部刷新，服务器压力小，用户体验好。

Ajax核心：XMLHttpRequest

XMLHttpRequest：用于在后台与服务其交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的局部进行刷新。IE5和IE6对应的XMLHttpRequest对象为ActiveXObject对象

1.XmlHttpRequest对象进行后台请求：

(1)建立与服务器的连接：open(method,URL,async)；

　　method为请求，值为get或post

　　URL参数：指定请求的地址

　　async:是否异步，一般为true（异步表示程序请求服务器的同时，程序可以继续执行；如果是同步的话，javascript会等到服务器响应就绪才继续执行，如果服务器繁忙或缓慢，应用程序会挂起或停止）

(2)发送请求:send(content);

(3)设置头信息：setRequestHeader(header,value)

　　如：setRequestHeader("Content-type","application/x-www-form-urlencoded")

Content-type表示编码属性；

form的enctype属性：

a)  application/x-www-form-urlencoded： 窗体数据被编码为名称/值对。这是标准的编码格式 。当action为get时候，浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串（name1=value1&name2=value2...），然后把这个字串append到url后面，用?分割，加载这个新的url。 当action为post时候，浏览器把form数据封装到http body中，然后发送到server。 如果没有type=file的控件，用默认的application/x-www-form-urlencoded就可以了。 但是如果有type=file的话，就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割，并为每个部分加上Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息，并加上分割符(boundary)。

b)multipart/form-data： 窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分。

c)text/plain： 窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。

2.XMLHttpRequest对象响应服务器

(1)接收：onreadystatechange回调函数

(2)readyState表示XMLHttpRequest的状态信息:

　　0:XMLHttpRequest对象没有完成初始化

　　1:XMLHttpRequest对象开始发送请求

　　2:XMLHttpRequest对象的请求发送成功

　　3:XMLHttpRequest对象开始读取响应，还没结束

　　4:XMLHttpRequest对象读取响应结束

(3)status：HTTP的状态码

　　200：服务器响应正常

　　400：无法找到请求的资源

　　403：没有访问权限

　　404：访问的资源不存在

　　500：服务器内部出错

获取来自服务器的响应：

responseText:获得 响应的文本内容

responseXML：获得响应的XML文档对象

JSON简介：

1.它是javascript对象表示法

2.它是存储和交换文本信息的语法，类似XML

3.它比xml更小，更快，更易解析

4.用evla()处理json字符串

5.json格式为：值/对。所以我们在用ajax进行请求的时候将头信息设置为：application/x-www-form-urlencoded

6.JSON 值可以是：

• 数字（整数或浮点数）
• 字符串（在双引号中）
• 逻辑值（true 或 false）
• 数组（在方括号中）
• 对象（在花括号中）
• null

 7.json文件

• JSON 文件的文件类型是 ".json"
• JSON 文本的 MIME 类型是 "application/json"

　　MIME就是邮件传输类型，这里就想着json的传输类型为：application/json

Java小生店铺：

Pc端：http://shop125970977.taobao.com/index.htm

手机端：搜索 java小生店铺

希望店铺的资料能帮助到你！！！