Ajax知识

Posted 2020-12-19 赛德·乌漆嘛黑

1、什么是ajax？

  AJAX：异步的javascript和XML。
  优点：不重新加载整个页面，但可以与服务器交换数据并更新部分网页内容。

2、AJAX的原理

  浏览器发生事件创建XMLHttpRequest对象，发送HttpRequest-----服务器处理HttpRequest创建响应，并将数据返回到浏览器-----使用js处理数据，更新页面。

3、AJAX的整体步骤

  1、创建对象
  var xmlhttp;
  if(window.XMLHttpRequest){
      // 标准浏览器或者是ie7+
      xmlhttp = new XMLHttpRequest(); 
  }else{
      xmlhttp = new ActiveXObject(‘Microsoft.XMLHTTP‘);
  }

  xmlhttp.open(‘get‘,‘http://yapi.shangyuninfo.com/mock/156/bookType‘);
  xmlhttp.send();
  xmlhttp.onreadystatechange = function (res) { 
      // ajax 的状态码 有5种  0-4 readyState
      // http的请求 5种 1xx  2xx 3xx 4xx  5xx 
      if(xmlhttp.readyState == 4 && xmlhttp.status ==200){
           console.log(res.currentTarget.response)
           var result = JSON.parse(res.currentTarget.response);
           console.log(result.book[0].typeList)
      }
  }

4、ajax的状态码 5种 各代表的意思

        0 请求初始化
        1 服务器链接建立
        2 请求已接收
        3 请求处理中
        4 请求已完成

5、json对象和字符串的转换

  JSON字符串转换成对象
        JSON.parse();
  JSON对象转换成字符串、
        JSON.Stringify()

6、post和get的区别

  1、get的请求比post快
  2、get的安全性不如post
  3、get的参数在query中，post的参数一般在content中，但也可以在query中
  4、get传递的数据较小，如果要传递大量数据的话用post
  5、从服务器端获取数据，不做增删改查用get；向服务器端提交数据，做增删改查处理用post。