使用ajax的几种常用方式
1. 原生js
function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { return xmlhttp.responseText; } } xmlhttp.open("GET","XXX请求地址XXX",true); //open(a,b,c)第一个参数是请求方式,第二个参数是请求地址,第三个参数是否异步 xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("fname=Henry&lname=Ford"); }
2. jq
$.ajax({ type: 'post', url: 'xxx请求地址xxx', async: 'false', success: (data)=>{ console.log(data) } })
3. fetch
fetch('xxx请求地址xxx',{ method: 'post' }).then(data=>{ //return data.text(); //将返回体处理成字符串类型 return data.json(); //返回结果和JSON.parse(responseText)一样
}).then(ret=>{
console.log(ret)
})
4. axios
axios.post('xxx请求地址xxx') .then(response => (console.log(response.data))) // data属性名称是固定的,用于获取后台响应的数据 .catch(function (error) { // 请求失败处理 console.log('请求失败'+error); });