AJAX封装JS

最新推荐文章于 2024-05-28 17:24:55 发布

蕊蕊酱_Krystal

最新推荐文章于 2024-05-28 17:24:55 发布

阅读量226

点赞数

本文链接：https://blog.csdn.net/Krystal_rui/article/details/80981040

版权

本文介绍了一个简单的AJAX函数实现方法，该函数支持GET和POST请求，并能够设置回调函数处理服务器响应。文中详细展示了如何使用JavaScript创建XMLHttpRequest对象，设置请求类型及发送数据。

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

function ajax(method,url,data,fn){
    if(window.XMLHttpRequest){
        xhr=new XMLHttpRequest();
    }
    else{
        xhr=new ActiveXObject('Microsoft.XMLHTTP');
    }

    if(method=='get'){
        xhr.open(method,url+'?'+data);
        xhr.send();
    }
    else{
        xhr.open(method,url);
        xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
        xhr.send(data);
    }

    xhr.onreadystatechange=function () {
        if(xhr.readyState==4&&xhr.status==200){
            fn(xhr.responseText);
        }
        else if(xhr.status==404){
            document.write("404")
        }
    }
}