公司动态

互联网行业动态全面掌控,IT外包问题专业解答分享

动态
全部 公司动态 行业动态 建站知识 小程序知识 解决方案

原生ajax的post请求方式详细讲解「附上图文」

时间:2022-09-14 作者:耀仁网络 浏览量:809

  使用XMLHttpRequest发起POST请求

  使用XMLHttpRequest(简称:xhr)发起POST请求主要分五步:

  1.创建XMLHttpRequest对象;

  2.调用open函数,指定请求方式与URL地址;

  3.设置 Content-Tyep 属性(固定写法);

  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

  4.调用send函数,同时将数据以查询字符串的形式提交给服务器,发起Ajax请求;

  5.监听 onreadystatechange 事件。

QQ截图20220914171646.png

  注意:

  1.第三步设置 Content-Type 属性是固定写法,几乎不需要改的。而第五步回调函数中的if判断条件也是固定写法,也是不需要修改的;

  2.POST请求方式因为主要是用于向服务器发送、提交数据的,所以必定是会携带参数的,参数是作为send()的形参传递的,而参数的格式是查询字符串格式,所以如果数据是以对象形式存储的,就需要使用到JSON.stringify()进行序列化操作将对象转换为JSON字符串格式。


QQ咨询
固话

025-52631933

置顶