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即可

     

 

转载于:https://www.cnblogs.com/zhangzhongren/p/7834373.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值