JS发送json格式POST请求有哪些方式

JS发送json格式POST请求有哪些方式
最新回答
明晨紫月

2023-04-05 12:29:13

JS发送JSON格式POST请求主要有以下两种方式

  1. 使用XMLHttpRequest对象

    • 创建XMLHttpRequest实例:var xhr = new XMLHttpRequest;
    • 打开连接:xhr.open; 其中url为请求地址,true表示异步请求。
    • 设置请求头:xhr.setRequestHeader; 以告知服务器发送的数据类型是JSON。
    • 定义响应处理函数:xhr.onreadystatechange = function {...}; 当请求状态改变时触发此函数,通常在此函数中检查请求是否完成且成功,然后处理响应数据。
    • 发送请求:xhr.send); 其中data为要发送的JSON对象,通过JSON.stringify方法将其转换为JSON字符串。
  2. 使用Fetch API

    • 发起请求:fetch; 其中url为请求地址,options为一个对象,包含请求的方法、头部信息和请求体等。
      • 方法:method: "POST" 指定请求方式为POST。
      • 头部信息:headers: {"Contenttype": "application/json"} 设置请求头。
      • 请求体:body: JSON.stringify 要发送的JSON对象转换为JSON字符串。
    • 处理响应:fetch返回一个Promise对象,可以使用.then方法处理响应数据。例如:javascriptfetch}).then { throw new Error;}return response.json;}).then;}).catch;});以上两种方式均可用于在JavaScript中发送JSON格式的POST请求,根据具体需求和浏览器兼容性选择合适的方式即可。