AJAX原理

AJAX使用XHR 对象和服务器进行数据交互

XHR

 <p class="my-p"></p><script>const xhr = new XMLHttpRequest()xhr.open(`GET`,`http://hmajax.itheima.net/api/province`)xhr.addEventListener(`loadend`,()=>{// console.log(xhr.response)const data = JSON.parse(xhr.response)const myp = document.querySelector(`.my-p`)myp.innerHTML =  data.list.join(`<br>`)})xhr.send()</script>

XHR查询参数

新API URLSearchParams

XHR 提交数据

将上传数据通过JSON.stringify()方法修改作为xhr.send()的实参