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);
          });
  • 相关阅读:
    mysql的多表查询join
    JMeter源码集成到Eclipse
    jmeter关联 正则表达式提取器
    JMeter结果树响应数据中文乱码解决办法
    BZOJ 2080: [Poi2010]Railway 双栈排序
    BZOJ 4384: [POI2015]Trzy wieże
    BZOJ 4325: NOIP2015 斗地主
    BZOJ 1142: [POI2009]Tab
    第10章 内核同步方法
    第1章 Linux内核简介
  • 原文地址:https://www.cnblogs.com/stardreams/p/12871942.html
Copyright © 2011-2022 走看看