js如何提交post使php获取（使用原生js）

发布网友 发布时间：2022-04-21 14:53

我来回答

共3个回答

热心网友 时间：2022-07-12 08:51

document.querySelector("#btnAjax").onclick = function () {
        var ajax = new XMLHttpRequest();
        // 使用post请求
        ajax.open('post','ajax_post.php');
        // 如果 使用post发送数据 必须 设置 如下内容
        // 修改了 发送给 服务器的 请求报文的 内容
        // 如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：
        ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        // 发送
        // post请求 发送的数据 写在 send方法中
        // 格式 name=jack&age=18 字符串的格式
        ajax.send('name=jack&age=998');
        // 注册事件
        ajax.onreadystatechange = function () {
            if (ajax.readyState==4&&ajax.status==200) {
                console.log(ajax.responseText);
            }
        }
    }

热心网友 时间：2022-07-12 08:52

var xhr=new XMLHttpRequest();
xhr.open('post','xxx.php',true);
xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
xhr.onload=function(){
    if(xhr.status==200){
        console.log(xhr.response);
    }
}
xhr.send(data);//提交

热心网友 时间：2022-07-12 08:52

<script>
    //创建异步对象
    var xhr = new XMLHttpRequest();
    //设置请求的类型及url
    xhr.open('post', 'a.php' );
    //post请求一定要添加请求头才行不然会报错
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    //发送请求
    xhr.send('name=fox&age=18');
    xhr.onreadystatechange = function () {
        // 这步为判断服务器是否正确响应
        if (xhr.readyState == 4 && xhr.status == 200) {
            console.log(xhr.responseText);
        }
    };
</script>

我测试过了 这个是可以的