Ajax学习笔记

一、Ajax发音a杰克斯

二、http状态码：

xmlhttp.status的值及解释：

1xx:信息响应类，表示接收到请求并且继续处理

2xx:处理成功响应类，表示动作被成功接收、理解和接受

3xx:重定向响应类，为了完成指定的动作，必须接受进一步处理

4xx:客户端错误，客户请求包含语法错误或者是不能正确执行

5xx:服务端错误，服务器不能正确执行一个正确的请求

xmlhttp.readyState==4 && xmlhttp.status==200 的解释：请求完成并且成功返回

1、 消息(1字头)

100——客户必须继续发出请求

101——客户要求服务器根据请求转换HTTP协议版本

2、成功(2字头)

200——交易成功

201——提示知道新文件的URL

202——接受和处理、但处理未完成

203——返回信息不确定或不完整

204——请求收到，但返回信息为空

205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件

206——服务器已经完成了部分用户的GET请求

3、重定向(3字头)

300——请求的资源可在多处得到

301——删除请求数据

302——在其他地址发现了请求数据

303——建议客户访问其他URL或访问方式

304——客户端已经执行了GET，但文件未变化

305——请求的资源必须从服务器指定的地址得到

306——前一版本HTTP中使用的代码，现行版本中不再使用

307——申明请求的资源临时性删除

4、请求错误(4字头)

400——错误请求，如语法错误

401——请求授权失败

402——保留有效ChargeTo头响应

403——请求不允许

404——没有发现文件、查询或URl

405——用户在Request-Line字段定义的方法不允许

406——根据用户发送的Accept拖，请求资源不可访问

407——类似401，用户必须首先在代理服务器上得到授权

408——客户端没有在用户指定的饿时间内完成请求

409——对当前资源状态，请求不能完成

410——服务器上不再有此资源且无进一步的参考地址

411——服务器拒绝用户定义的Content-Length属性请求

412——一个或多个请求头字段在当前请求中错误

413——请求的资源大于服务器允许的大小

414——请求的资源URL长于服务器允许的长度

415——请求资源不支持请求项目格式

416——请求中包含Range请求头字段，在当前请求资源范围内没有range指示值，请求也不包含If-Range请求头字段

417——服务器不满足请求Expect头字段指定的期望值，如果是代理服务器，可能是下一级服务器不能满足请求

5、服务器错误(5、6字头)

500——服务器产生内部错误

501——服务器不支持请求的函数

502——服务器暂时不可用，有时是为了防止发生系统过载

503——服务器过载或暂停维修

504——关口过载，服务器使用另一个关口或服务来响应用户，等待时间设定值较长

505——服务器不支持或拒绝支请求头中指定的HTTP版本

600 Unparseable Response Headers

源站没有返回响应头部，只返回实体内容

三、 onreadystatechange事件

readystatechange	存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
readyState	存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪
status	200: "OK" 404: 未找到页面

四、ajax代码实例

function loadXMLDoc()

{

var xmlhttp;

if (window.XMLHttpRequest)

{

// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

xmlhttp=new XMLHttpRequest();

}

else

{

// IE6, IE5 浏览器执行代码

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

}

}

xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);//get用于查询，post用于用户注册等

xmlhttp.send();

}

五、Json

JSON转JS对象，JS对象转JSON

一、从服务端发来的json字符串，怎么才能作为JavaScript对象（JSON对象）在web端调用呢？

1、如果使用jQuery，就很方便了，可以在ajax一系列函数中，把参数Datatype传json即可，返回的data即为JSON对象。

PS：如果要对表单处理为json字符串，可以使用 .serialize()与 .serializeArray()处理，如果要作为URL调用，则可以使用 jQuery.param()处理。

2、$.parseJSON( jsonstr)

3、浏览器自带的JSON.parse(jsonstr)

4、使用字符串转代码功能

　　eval('(' + jsonstr + ')'); （不推荐，会执行代码，容易遭受恶意攻击）

5、使用json官方的json.js

　　parse()方法

二、json对象转字符串

1、JSON.stringify(jsonobj)；

2、obj.toJSONString()

 

与java对象互转

1. //把java 对象列表转换为json对象数组，并转为字符串

    JSONArray array =  JSONArray.fromObject(userlist);

    String jsonstr = array.toString();

2.//把java对象转换成json对象，并转化为字符串

  JSONObject object =  JSONObject.fromObject(invite);

  Log4jInit.ysulogger.debug(object.toString());

3.//把JSON字符串转换为JAVA 对象数组

  String personstr = getRequest().getParameter("persons");

  JSONArray json = JSONArray.fromObject(personstr);

  List<InvoidPerson> persons = (List<InvoidPerson>) JSONArray.toCollection(json, nvoidPerson.class);

4.//把JSON字符串转换为JAVA 对象

  str = "{\"lendperson\":\"李四\",\"lendcompany\":\"有限公司\",\"checkperson\":\"李四\",

  \"lenddate\":\"2010-07-19T00:00:00\",\"lendcounts\":4,\"

  passports\":[{\"passportid\":\"d\",\"name\":\"李豫川\",\"passporttype\":\"K\"},

  {\"passportid\":\"K9051\",\"name\":\"李平\",\"passporttype\":\"K\"},

  {\"passportid\":\"K90517\",\"name\":\"袁寒梅\",\"passporttype\":\"K\"},

  {\"passportid\":\"K905199\",\"name\":\"贺明\",\"passporttype\":\"K\"}]}";

   JSONObject jsonobject = JSONObject.fromObject(str);

  PassportLendsEntity passportlends = null;

  try {

   //获取一个json数组

   JSONArray array = jsonobject.getJSONArray("passports");

   //将json数组 转换成 List<PassPortForLendsEntity>泛型

   List<PassPortForLendsEntity> list = new ArrayList<PassPortForLendsEntity>();

   for (int i = 0; i < array.size(); i++) {   

            JSONObject object = (JSONObject)array.get(i);  

            PassPortForLendsEntity passport = (PassPortForLendsEntity) JSONObject.toBean(object,

              PassPortForLendsEntity.class);

            if(passport != null){

             list.add(passport);

            }  

         }

   //转换PassportLendsEntity 实体类

   passportlends = (PassportLendsEntity) JSONObject.toBean(jsonobject, PassportLendsEntity.class);