首页 >  html代码 >  原生AJAX、XMLHttpRequest发送post表单请求

原生AJAX、XMLHttpRequest发送post表单请求

时间：2023-12-28

随着前端技术的飞速发展，关于ajax技术也在不断进步。包括jQuery、vue等组件框架都对ajax做了很好的封装。但是当某些场景下不使用框架并且不引入jQuery库的时候，使用原生XMLHttpRequest发送请求还是很有必要的；

使用XMLHttpRequest发送post、表单请求例子如下：

funciton testXHP(){

           let data =new FormData();//表单参数，需要建立表单对象

           let p = {"user_name",”小白”};//参数

           data.append("params", JSON.stringify(p));

           let url ="XXXXX";//地址

           let request = new XMLHttpRequest();            

           let method = "POST";//GET

           request.open(method,url);

           request.setRequestHeader("ContentType","application/x-www-form-urlencoded"); //声明content-type  

           request.send(data);//发生请求

           request.onreadystatechange = function(){//状态函数

           if(request.readyState == 4){

              if(request.status == 200 || request.status == 304){

                console.log(request.responseText);//返回值

              }

         }

     }

 });

}