Ajax（1）

Ajax是一种创建动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。

XMLHttpRequest对象

XMLHttp:可以更新网页部分内容时不需要刷新整个页面

对象的属性：

 

 

使用步骤：

 

 

1.创建XMLHTTPRequest对象

 

2.使用open方法设置和服务器的交互信息

 

3.设置发送的数据，开始和服务器端交互

 

4.注册事件

 

5.执行逻辑

get请求：

let ajax=new XMLHttpRequest(); //1.创建对象
    ajax.open('get','get?name='+name);//2.使用open方法设置交互信息，参数1：请求的类型，参数2：传递到服务器的动态参数
    ajax.send()//3.发送请求
    ajax.onreadystatechange=function(){ //4.注册事件
        if(ajax.readyState===4&&ajax.status===202){
            console.log(ajax.responseText);//5.输入相应的内容  } }

post请求：

 

let post=new XMLHttpRequest();
   post.setRequestHeader("Content_type","application/x-www-form-urlencoded")//2.请求头，必须 
  post.open("post","post.php");//3.请求类型，请求的文件

 post.send("post?name="+name);//4.send发送参数

 post.onreadystatechange=function(){ if(open.readyState===4&&open.status===202){ console.log(open.response()); }}