分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

js 原生手写AJAX

发布时间:2023-09-06 02:00责任编辑:蔡小小关键词:js

前言:最近在学习react,在练习中模拟一个button通过AJAX向后台发送POST请求,懒得引入AXIOS,就顺便练习了js原生ajax。

正文:

注:我忽略了IE6及以下版本

 ?submit(){ ???let data = this.props.value //这是要发送的数据 ???let xmlHttp = new XMLHttpRequest() //new XMLHttpRequest 对象 ???//发送请求 ???xmlHttp.open(‘POST‘, ‘ajax_test.asp‘, true) //true是异步请求,false是同步的请求,不建议 ???xmlHttp.setRequestHeader(‘name‘, ‘formData‘) //由于是提交form表单,最好set一个http头部。 ???xmlHttp.send(data) //只有在POST时候有参数,参数是string类型的数据,get方法并没有。 ???????//接收相应 responseText 和 responseXML 属性 ???let response = xmlHttp.responseText ???xmlHttp.onreadystatechange = function () { ?????if (xmlHttp.readyState === 4 && xmlHttp.status === 200) { ?????????alert(‘成功‘+ response) ?????} ???} ?}

一般项目中,还是使用Axios吧,比较方便。

js 原生手写AJAX

原文地址:https://www.cnblogs.com/yadiblogs/p/9212432.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved