个人笔记-项目中网络请求

Ajax = Asynchronous JavaScript and XML

异步的 JavaScript 和 XML

原生js xhr请求

第一步
let xhr = new XMLHttpRequest();
//打开请求的方式
xhr.open("post","http://10.9.188.25/qbank/php/insert.php");
//如果是post进行提交的时候必须设置响应头
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
//post发送数据请求的时候参数要放在send里面
xhr.send("content=面向对象&where=this的指向&idea=多练");
xhr.onreadystatechange = function(){
    if(xhr.readyState == 4 && xhr.status == 200){
        console.log(JSON.parse(xhr.responseText))
    }else{
        console.log(xhr.status);
    }
}

jquery ajax

 $.ajax({
            //请求方式
            type : "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            url : "http://127.0.0.1/admin/list/",
            //数据，json字符串
            data : JSON.stringify(list),
            //请求成功
            success : function(result) {
                console.log(result);
            },
            //请求失败，包含具体的错误信息
            error : function(e){
                console.log(e.status);
                console.log(e.responseText);
            }
        });

axios VS fly.io

相同点：
基于 promise 的 HTTP 库
都支持Promise API
都同时支持Node和Browser环境
都支持请求／响应拦截器
都支持自动转换 JSON

不同点：
Fly最大的特点就是在混合APP中支持请求转发，而axios不支持
最主要支持原生小程序

原生的网络请求api fetch 用于替代xhr
https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch