博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 原生手写AJAX
阅读量:5291 次
发布时间:2019-06-14

本文共 742 字,大约阅读时间需要 2 分钟。

前言:最近在学习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吧,比较方便。

转载于:https://www.cnblogs.com/yadiblogs/p/9212432.html

你可能感兴趣的文章
数据结构中线性表的基本操作-合并两个线性表-依照元素升序排列
查看>>
使用pager进行分页
查看>>
吐医疗器械研发可配置性需求的槽点
查看>>
UVA - 1592 Database
查看>>
机器翻译评价指标 — BLEU算法
查看>>
机器学习基石(9)--Linear Regression
查看>>
Min Stack
查看>>
从LazyPhp说起
查看>>
Fine Uploader文件上传组件
查看>>
Spring Boot与Spring的区别
查看>>
查看linux 之mysql 是否安装的几种方法
查看>>
javascript中的传递参数
查看>>
objective-c overview(二)
查看>>
python查询mangodb
查看>>
软件测试(基础理论一)摘
查看>>
consonant combination
查看>>
基于Flutter实现的仿开眼视频App
查看>>
析构器
查看>>
驱动的本质
查看>>
Swift的高级分享 - Swift中的逻辑控制器
查看>>