ajax传输表单的数据

利用ajax的post提交表单的数据（不用submit）

 

ajax 可以获取数据也可以提交 使用 post方法 即 xhr.open（）的第一个参数 给 POST 利用 RofmData 模拟表单数据 在 xhr.send() 里面进行传递至

var xhr = new XMLHttpRequest();

 

    创建一个 xhr 对象 

　　

xhr.onreadystatechange=function(){}

　　利用 onreadystatechange 事件可以对 数据请求状态进行监听

　　

xhr.onload =function(){
  console.log(JSON.parse(this.responseText));  
}

　　获取数据之后执行的事件 JSON.parse 是吧json字符串转化成 json格式的数据

　

xhr.open("POST","jsonData.php",true);
var formdata = new FormData(); // 模拟表单对象
formdata.append("title","十九大");
formdata.append("date","2017-11-13");
xhr.send(formdata);

 

　　open（） 方法 次一个参数 以什么方式 发送或者获取数据  第二个 url 请求数据的地址 第三个 是否支持异步请求 默认是true （异步请求）

　　send（）发送请求  我们发送的数据也是从这里发送的 如果没有数据要传输写null即可