南京耀仁网络公司logo

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

发布时间:2022-09-14 编辑作者: 文章来源:耀仁网络


[导读]: GET请求服务器方式常用于获取服务器数据,而POST请求服务器方式常用于向服务器发送数据,可携带参数量较大。本文主要介绍...

  使用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字符串格式。


免责声明:以上文章图片部分来源网络,如有侵权请联系我们及时删除。
{dede:prenext get='pre'/} 返回列表 {dede:prenext get='next'/}

服务支持

我们珍惜您每一次在线询盘,有问必答,用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!

合作流程

网站制作流程从提出需求到网站制作报价,再到网页制作,每一步都是规范和专业的。

常见问题

提供什么是网站定制?你们的报价如何?等网站建设常见问题。

售后服务

网站制作不难,难的是一如既往的热情服务及技术支持。我们知道:做网站就是做服务,就是做售后。