zoukankan      html  css  js  c++  java
  • ajax/get请求

     1 <script>
     2    window.addEventListener('load', function (ev) {
     3        var btn = document.getElementById('send');
     4        btn.addEventListener('click', function (ev1) {
     5             // 1. 创建一个请求对象
     6             var xhr = new XMLHttpRequest();
     7 
     8             // 2. 准备发送
     9             xhr.open('get', 'http://localhost:3000/api/one', true);
    10 
    11             // 3. 发送请求
    12             xhr.send();
    13 
    14             // 4. 监听服务器的响应
    15             xhr.addEventListener('readystatechange', function (ev2) {
    16                  // console.log(xhr.readyState);
    17                  if(xhr.readyState === 4){
    18                      // 意味着服务器的响应结束了
    19                      // 不代表副武器的响应是一定正确
    20                      // console.log(xhr.status);
    21                      if(xhr.status === 200){
    22                          console.log(xhr.response);
    23                          console.log(xhr.responseText);
    24                      }
    25                  }
    26             });
    27        });
    28    });
    29 </script>
  • 相关阅读:
    webp怎么打开 webp怎么转换成jpg
    波浪运动
    缓动
    动画的封装
    单张滑动tab 组件
    明星单品tab
    多个tab选项卡
    下拉框
    购物车css样式效果
    菜单导航兼容和不兼容捕获方法
  • 原文地址:https://www.cnblogs.com/zhangzhengyang/p/11223430.html
Copyright © 2011-2022 走看看