前端发送请求的方法总结

最新推荐文章于 2024-08-02 08:04:42 发布

平凡的娃

最新推荐文章于 2024-08-02 08:04:42 发布

阅读量2k

点赞数

分类专栏： javascript 文章标签： js vue ajax post

本文链接：https://blog.csdn.net/m0_46498310/article/details/104711466

版权

本文总结了前端发送请求的几种方法，包括原生的Ajax GET和POST请求，jQuery的Ajax使用，以及Vue中流行的Axios库。Axios是一个基于Promise的HTTP库，适用于浏览器和Node.js，它具有拦截请求和响应、转换数据、取消请求等特性，并且在浏览器端支持防止CSRF攻击。

摘要由CSDN通过智能技术生成

1 )原生的ajax

get请求

function ajax(url,success,error){
    if(window.XMLHttpRequest){
        var oAjax = new XMLHttpRequest();
    }else{
        var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
    }
    oAjax.open('GET',url,true);
    oAjax.send();
    oAjax.onreadystatechange = function(){
        if(oAjax.readyState==4){
            if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
                success&&success(oAjax.responseText);    //成功的回调函数
            }else{
                error&&error(oAjax.status);              //失败的回调函
            }
        }
    };
}

post请求

function ajax(url,success,error){
    if(window.XMLHttpRequest){
        var oAjax = new XMLHttpRequest();
    }else{
        var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
    }
    oAjax.op