概念

Asynchronous JavaScript And Xml ：异步的JavaScript和XML

• Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
• 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
• 传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。

作用：提升用户的体验

同步

客户端必须等待服务器端的响应，在等待期间不能做其他操作。

异步

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

JQuery实现方式

1.$.ajax()

$.ajax({
  // 请求路径
  url:"ajaxServlet1111" ,
  //请求方式
  type:"POST" , 
  //请求参数data: "username=jack&age=23"
  data:{"username":"jack","age":23},
  //响应成功后的回调函数
  success:function (data) {
    alert(data);
  },
  //表示如果请求响应出现错误，会执行的回调函数
  error:function () {
    alert("出错啦...")
  },
  //设置接受到的响应数据的格式
  dataType:"text"
});

2.$.get()

• 语法：$.get(url, [data], [callback], [type])
• 参数：
  * url：请求路径
  • data：请求参数
  • callback：回调函数
  • type：响应结果的类型

$.get("user/login", {"username":"jack","age":23},function (data) {
    //对data进行解析
});

3.$.post()

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

参数：

• url：请求路径
• data：请求参数
• callback：回调函数
• type：响应结果的类型

$.post("user/login", $("#loginForm").serialize(),function (data) {
    //对data进行解析
});