Ajax的入门

103 阅读1分钟

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