1、Ajax的用途
数据存储在数据库里,页面怎么获取到数据库呢?
后端程序员去读取数据库的信息,将数据开放成一个接口(地址)
前端请求这个网址,就可以拿到这个数据(AjAX)
2、Ajax的固定格式
let ajax = new XMLHttpRequest() //核心对象 请求 ajax.open('GET','https://search.damai.cn/searchajax.html?keyword=&cty=&ctl=%E6%BC%94%E5%94%B1%E4%BC%9A&sctl=&tsg=0&st=&et=&order=1&pageSize=30&currPage=1&tn=',true) ajax.onreadystatechange =()=>{ //监听请求状态 if(ajax.readyState===4) //请求完成但不一定成功 if(ajax.status===200){ //200请求成功 console.log(ajax.response);//请求成功后的处理 }) //发起请求 ajax.send()
3、json
什么是json?
json 格式用来存储数据
后台程序员将对象、数组、集合转变为json数据
前端再去请求json数据再转为js对象、数组
4、json转js 以及js转json
let json = '{"name":"SW","age":20}' //字符串 允许数组 console.log(json) json 文件 格式严格 xxx.json json里不能用单引号 JSON.parse(json) console.log( JSON.parse(json)) //json转js let obj = { nickname:'Simba', gender:'男' } console.log(obj); console.log(JSON.stringify(obj)) //js转json