JavaScript（5）：发送异步请求

最新推荐文章于 2024-03-13 20:26:13 发布

原创最新推荐文章于 2024-03-13 20:26:13 发布 · 448 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #json

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

文章介绍了在使用原生AJAX进行POST请求时，如果不设定Content-Type，默认可能是text/plain或application/json。当设置为application/x-www-form-urlencoded时，POST请求将被视为HTTP表单请求，参数以key=value&key1=value1的形式传递。示例代码展示了如何发送这样的请求。

分析

使用原生AJAX的POST请求，如果不指定请求头Request Header
默认使用的Content-Type是text/plain;charset=UTF-8或者application/json
请求的Content-Type设置为application/x-www-form-urlencoded
那么，这个Post请求被认为是HTTP POST表单请求,
参数形式是key=value&key1=value1这种形式

代码

//发送异步请求
function sendAjaxRequest() {
    //这里使用Ajax局部提交form表单
    //使用原生AJAX的POST请求，
    //如果不指定请求头Request Header,
    //默认使用的Content-Type是text/plain;charset=UTF-8,或者application/json
    const xhr = new XMLHttpRequest();
    //open(请求方式, 请求路径, 是否异步);
    xhr.open('POST', '/day15/maliceRegister', true);

    //请求的Content-Type设置为application/x-www-form-urlencoded,
    //那么,这个Post请求被认为是HTTP POST表单请求,
    //参数形式是key=value&key1=value1这种形式
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    //send(string)：string仅用于 POST 请求
    //string需要是name=xxx&pwd=xxx格式
    xhr.send("username=z&password=123");
}