Ajax请求

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

js实现ajax：
//1.创建 XMLHttpRequest 对象

var xmlhttp = new XMLHttpRequest(); 

//2.向服务器发送请求

xmlhttp.open("GET","test1.txt?fname=Bill&lname=Gates",true);
xmlhttp.send();

方法说明：

• open(method,url,async)
  规定请求的类型、URL 以及是否异步处理请求。
  method：请求方式；GET 或 POST
  GET：请求参数在url后面，send方法为空参。
  POST:请求参数在send方法参数中，不在url后面。
  url：文件在服务器上的位置
  async：true（异步）或 false（同步）

• send(string)
  将请求发送到服务器。
  string：仅用于 POST 请求，post的请求参数。

//3.接收并处理来自服务器的响应数据
//获取方式，xmlhttp.responseText或 xmlhttp.responseXML
//什么时候获取数据？当服务器响应成功后。即当 readyState 等于 4 且状态为 200 时，表示响应已就绪：

//每当 readyState就绪状态 改变时，就会触发 onreadystatechange 事件。
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    //获取服务器响应结果
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

JQuery实现Ajax
1.$.ajax(url,[setting])—()里面放一些键值对

<script>
$.ajax（{
url："ajaxTest",//请求路径
type:"POST",请求方式
data：{"username":"hh","age"="20"},//请求参数
success:function(data){//响应成功后的回调函数,data就是服务器响应结果的值
},
 error:function(){//如果请求响应出现错误，返回的回调函数
 },
dataType:"json",//设置接收到响应数据的格式，json写了jq会帮我们转换成数组或者对象 已经用JSON.parse转化 
 timeout:3000 //3秒后提示错误
}）;
</script>

2.$.get()：发送get请求
语法：$.get(url,[data],[callback],[type])
url:请求路径
data：请求参数
callback：回调函数
type：响应结果的类型json/text/…

function fun(){
  $.get("ajaxTest",{usename:"li"},function(data) {},"text");
}

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

function fun(){
  $.post("ajaxTest",{usename:"li"},function(data) {},"text");
}
`