js原生 Ajax

2021-01-09 15:33

阅读:630

标签:需要   div   script   end   color   activex   obj   浏览器插件   send   

 
  1. Ajax简介
  • AJAX( Asynchronous JavaScript and XML)异步的 JavaScript 和 XML。在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容,使网页实现异步更新,不需要任何浏览器插件。
  • Ajax原理(语法)
    1. XHR创建对象 new一个XMLHttpRequest
    2. 定义请求方式
    3. 向服务器发送请求(请求参数get 在url中填写、post在send(中书写))
    4. 响应与数据处理
     1  //1.new一个XMLHttpRequest 兼容性写法
     2 var xmlhttp;
     3     if (window.XMLHttpRequest) {
     4         xmlhttp = new XMLHttpRequest();
     5     } else {
     6         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
     7     }
     8     //2.定义请求方式
     9     xmlhttp.open("GET", "http://yapi.shangyuninfo.com/mock/156/bookType")
    10     //3.向服务器发送请求
    11     xmlhttp.send();
    12     //4.响应与数据处理
    13     xmlhttp.onreadystatechange = function (res) {
    14         if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    15             console.log(res.currentTarget.response);
    16             var resout = JSON.parse(res.currentTarget.response)
    17             console.log(resout.book[0].typeList);
    18         }
    19     }
    20  

    js原生 Ajax

    标签:需要   div   script   end   color   activex   obj   浏览器插件   send   

    原文地址:https://www.cnblogs.com/hjcby/p/13514223.html

    上一篇:apache的用户认证

    下一篇:css1


    评论


    亲,登录后才可以留言!