ajax原生js实现post

最新推荐文章于 2022-08-31 12:29:18 发布

彼岸迷离

最新推荐文章于 2022-08-31 12:29:18 发布

阅读量581

点赞数 1

分类专栏： ajax请求方式文章标签： ajax

本文链接：https://blog.csdn.net/qq_47458020/article/details/120443777

版权

ajax请求方式专栏收录该内容

5 篇文章 1 订阅

订阅专栏

function ajax2() {
    //原生写法，post请求，不可以带数据
    //1.创建XMLHttpRequest对象
    var xmlHttp;
    if(window.XMLHttpRequest){
        xmlHttp=new XMLHttpRequest();//火狐，谷歌浏览器等
    }else{
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器
    }
    //2.使用open方法建立与服务器的链接
    xmlHttp.open("POST","ajaxServlet",true);//true表示异步请求，false表示同步
    xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xmlHttp.send("username=小明");
    //3.在回调函数中对服务器响应的数据进行处理
    xmlHttp.onreadystatechange=function() {
        //判断status响应状态码是否为200，readyState 就绪码是否是4
        if(xmlHttp.status==200 && xmlHttp.readyState==4){
            //获取服务器返回的内容,响应的结果
            //获取服务器返回的内容
            var responseText = xmlHttp.responseText;
            alert(responseText)
        }else{
            alert("服务器异常...")
        }
    }

<body>
<input type="button" value="发送请求" οnclick="ajax()">
请输入：<input type="text">
</body>

彼岸迷离

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
ajax原生js实现post

function ajax2() { //原生写法，post请求，不可以带数据 //1.创建XMLHttpRequest对象 var xmlHttp; if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest();//火狐，谷歌浏览器等 }else{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器 } //2.
复制链接

扫一扫