1.创建XMLHttpRequest()
var request = new XMLHttpRequest()
2.配置请求方式,设置请求接口地址
使用open方法设置和服务器的交互信息
request.open('请求方式','请求地址')
例如: request.open('get', 'https://api.muxiaoguo.cn/api/caihongpi?api_key=9b8db7108349386c')
3.如果有参数
request.open('请求方式','请求地址'+ Qs.stringify(参数对象))
3.2如果是post有参数,设置请求头
实例.setRequestHeader('Content-type', 'application/json; charset=utf-8');
实例.send(JSON.stringify(参数对象))
4.发送请求
request.send()
5.获取网路请求返回数据
request.onreadystatechange = function () {
//判断是否成功发送请求
if (request.readyState == 4 && request.status == 200) {
console.log(JSON.parse(request.responseText));
var res = JSON.parse(request.responseText)
// DOM
// 创建节点
var div = document.createElement('div')
// 数据赋值
// 将节点添加到DOM结构中
div.innerHTML = res.data.comment
document.body.appendChild(div)
}