zoukankan      html  css  js  c++  java
  • 使用ajax的几种常用方式

    1. 原生js

    function loadXMLDoc()
    {
      var xmlhttp;
      if (window.XMLHttpRequest)
      {
        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest();
      }
      else
      {
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange=function()
      {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
          return xmlhttp.responseText;
        }
      }
      xmlhttp.open("GET","XXX请求地址XXX",true);    //open(a,b,c)第一个参数是请求方式,第二个参数是请求地址,第三个参数是否异步
      xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
      xmlhttp.send("fname=Henry&lname=Ford");
    }

    2. jq

    $.ajax({
      type: 'post',
      url: 'xxx请求地址xxx',
      async: 'false',
      success: (data)=>{
          console.log(data)
      }
    })

    3. fetch

    fetch('xxx请求地址xxx',{
        method: 'post'
    }).then(data=>{
    //return data.text();    //将返回体处理成字符串类型
        return data.json();    //返回结果和JSON.parse(responseText)一样
      }).then(ret=>{
        console.log(ret)
    })

    4. axios

    axios.post('xxx请求地址xxx')
          .then(response => (console.log(response.data)))    // data属性名称是固定的,用于获取后台响应的数据
          .catch(function (error) { // 请求失败处理
             console.log('请求失败'+error);
          });
  • 相关阅读:
    UVALIVE 6958 Indoorienteering
    Calendar Game
    Wizard's Tour
    2017 ACM-ICPC 亚洲区(西安赛区)网络赛 G. Xor
    Alliances
    2017沈阳网络赛hdu6199 gems gems gems
    pytorch 的max函数
    pytorch调用gpu
    jupyter notebook实现代码自动补全
    pytorch强大的自动求导功能
  • 原文地址:https://www.cnblogs.com/stardreams/p/12871942.html
Copyright © 2011-2022 走看看