AJAX

1.概念：ASynchronous  JavaScript And XML 异步的JavaScript和XML

  1.异步和同步：客户端和服务器相互通信的基础上

      异步：客户端不需要等待服务器端的响应，在服务器处理请求的过程中，客户端可以进行其他的操作

      同步：不能进行其他操作，需要等待服务器端响应

2.实现方式

  1.原生的js实现方式：（了解）

function fun(){
  //发送异步请求，建立核心对象
  var xhttp;
  if (window.XMLHttpRequest) {
    xhttp = new XMLHttpRequest();
  } else {
    // code for IE6, IE5
    xhttp = new ActiveXObject("Microsoft.XMLHTTP");
    /*
      2.建立链接
        参数：
          1.请求方式：get，post
            post:username在send方法中拼写
          2.请求的URL：
          3.同步或异步请求：true同步，false异步

     */
    xhttp.open("GET","ajaxServlet?username=zhangsan",true);
    //3.发送请求
    xhttp.send();
    //4.接受并处理服务器的响应结果
  }
}

  2.jQuery实现方式

    1.$.ajax();

      *语法$.ajax({键值对})

$.ajax({
  url:"ajaxServlet",
  type:"POST",
  data:{"username":"zhangsan"},
  success:function (data){
    alert(data);
  },//响应成功后的回调函数
    error:function (){
      alert("出错了")
    },//响应错误后弹出
    dataType:"text"//设置接收到的响应数据的格式
});

    2.$.get():发送get请求

      *语法：$.get(url,[data],[callback],[type])

          url:请求路径

          data：请求参数

          callback：回调函数

          type：响应结果的类型

$.get("ajaxServlet",{username:"rose"},function (data){
    alert(data);
})

    3.$.post()：发送post请求