AJAX

AJAX

AJAX：Asynchronous JavaScript and XML / 异步的 JavaScript 和 XML

AJAX ：他是一种异步的局部页面的刷新技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。

总结：通过发送请求到服务器，进行数据的获取，将获取的数据通过异步的方式进行局部页面的数据刷新。

	意义	区别
异步	并行	操作可以同时进行，每个操作相当于独立执行。
同步	串行	操作需要进行顺序的排列，上一部代码执行完毕以后，才可以接着执行。

AJAX的核心对象 -> XMLHttpRequest对象

AJAX的工作状态

原生态AJAX

//1.创建一个XMLHttpRequest对象 -> 用来发送请求
    var xmlhttp;
    if (document.all){
        // code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }else{
          // code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
      }

//2.向服务器发送请求
    xmlhttp.open("请求方式","请求路径",true);
    xmlhttp.send();

//3.当请求被发送到服务器时，我们需要执行一些基于响应的任务
    //类似于回调函数
    xmlhttp.onreadystatechange=function(){
        //通过readyState对象的状态改变事件获得请求状态
        if(this.readyState==3){
            //请求在处理中
        }
        if(xmlhttp.readyState==4 && xmlhttp.status == 200){
            //请求已完成，且响应已就绪 
            //处理请求的结果.
            var date = this.responseText;
                //responseText,获得字符串形式的响应数据。
                //responseXML,获得 XML 形式的响应数据。
        }
    }

jquery方法发送AJAX

//1.导入jquery文件

//2.发送ajax
    //简写1
    $.get("url?key=value",{"key1",value1,"key2":value2},function(date){
        //回调函数，处理结果
        //服务器相应的结果，会被封装到回调函数的第一个参数->date
    },"text")
        //发送get请求,一共四个参数
        //url:待载入页面的URL地址;data:待发送 Key/value 参数。
        //callback:载入成功时回调函数;type:返回内容格式，xml, html, script, json(常用), text(常用), _default。
    $.post()
        //发送post请求，参数以及使用方法与$.get()一样。
    
    //完整(推荐)
    $.ajax({
        //发送请求的方式
        type:"post",
        //发送的ur地址
        url:"发送的地址",
        //传往后台的数据
        date:{"key1",value1,"key2":value2},
        //回调函数
        success:function(date){
        //服务器相应的结果，会被封装到回调函数的第一个参数->date
        },
        //返回数据类型
        dataType:"text"
    });

json数据格式

json：JavaScript Object Notatio / 对象表示法 ；一种数据交换格式

特点：键值对(意味着可以通过对象.key获取值)，dataType:"json" / 会把json字符串自动转化为json对象

gson：谷歌公司出的转化json字符串的jar包。

String json = new Gson().toJson(待转化的对象);

其他

1. 当客户端500，servlet没有错误，可能出现错误原因，json转换时，数据循环引用，内存超出

2. jquery的遍历循环

   $.each(遍历的数据,function(i,name){
       //i相当于数组的下标
       //name别名，遍历数据每个单个个体的别名
   });