异步请求中设置自定义headers（javascript和jquery）

2018-07-16 17:21:23   作者：MangoCool   来源：MangoCool

javascript XMLHttpRequest：

function delUser(username, pwd) {
	
	var timestamp = dateFtt("yyyyMMddhhmmss",new Date());

	var xhr = new XMLHttpRequest();
	//设置xhr请求的超时时间
	xhr.timeout = 3000;
	//设置响应返回的数据格式
	xhr.responseType = "json";
	//创建一个 post 请求，采用异步
	xhr.open('POST', "https://localhost/restful/mangocool/deleteUser", true);
	xhr.setRequestHeader("Content-Type","application/json;charset=utf-8");
	xhr.setRequestHeader("X-Resquested-With","XMLHttpRequest");
	xhr.setRequestHeader("Accept","application/json, text/javascript");
	xhr.setRequestHeader('version', '3');
	xhr.setRequestHeader('timestamp', timestamp);
	xhr.send(JSON.stringify({"username":username, "pwd":pwd}));
	xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            alert(xhr.responseText);
        }
        else {
            alert(xhr.statusText);
        }
    }

}

jquery ajax：

function delUser(username, pwd) {
	
	var timestamp = dateFtt("yyyyMMddhhmmss",new Date());

	$.ajax({
		url: "https://localhost/restful/mangocool/deleteUser",
		headers: {"version":"3", "timestamp":timestamp},
		data: JSON.stringify({"username":username, "pwd":pwd}),
		type: "POST",
		dataType: "json",
		contentType: "application/json;charset=utf-8",
		beforeSend: function() {
			// 打开忽略服务器证书
		},
		error: function() {
			alert("","用户删除失败！");
		},
		success: function(res) {
			resFlag = true;
			if(res.respCode == 1) {
				alert("", "用户删除成功！");
			} else {
				alert("", res.respDesc);
			}
		}, 
		complete:function() {
			// 关闭忽略服务器证书
		}
	});
}

还有一个待解决的问题，XMLHttpRequest方式，控制台报错：

InvalidStateError: responseText is only available if responseType is '', 'document', or 'moz-chunked-text'.

看起来是解析json串出错了，ajax没有这个问题。

参考来源：

http://www.w3school.com.cn/xml/xml_http.asp

http://www.w3school.com.cn/jquery/ajax_ajax.asp

标签： javascript jquery 异步 ajax XMLHttpRequest

分享：

上一篇升级mysql-connector 5到8遇到的问题

下一篇ERROR StatusLogger Log4j2 could not find a logging implementation. Please add log4j-core to the classpath. Using SimpleLogger to log to the console...