Request Headers和Response Headers中的Content-Type以及ResponseType
Content-Type是HTTP头部用于指定发送数据的类型和格式,例如:"text/html; charset=utf-8"表示内容类型为html,编码为utf-8。
ResponseType是XMLHttpRequest对象的属性,用于指定响应的类型。它可以是'text', 'arraybuffer', 'blob', 'document', 'json'。
以下是如何在JavaScript中设置这些值的示例:
- 设置Request Headers中的Content-Type:
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com', true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send('param1=value1¶m2=value2');
- 设置ResponseType:
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com', true);
xhr.responseType = 'json';
xhr.onload = function() {
console.log(xhr.response);
};
xhr.send();
在这个例子中,我们首先创建了一个新的XMLHttpRequest对象,然后使用open方法设置了请求的类型,URL 和 是否异步处理请求。然后我们使用setRequestHeader方法设置了请求头的Content-Type,最后我们发送请求。
在另一个例子中,我们设置了响应类型为json,当请求完成加载时,我们打印出响应。
注意:在设置Content-Type为application/json时,可以直接发送JavaScript对象,并且浏览器会自动将其序列化为JSON字符串。
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com', true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify({param1: 'value1', param2: 'value2'}));
在这个例子中,我们将Content-Type设置为application/json,并使用JSON.stringify将JavaScript对象转换为JSON字符串。
评论已关闭