淘先锋技术网

首页 1 2 3 4 5 6 7

在使用jQuery的ajax请求中,我们有时需要在请求头中添加一些自定义的信息,比如验证信息、token等等。在jQuery中,我们可以通过设置ajaxSetup的headers属性,为请求添加自定义的header。

$.ajaxSetup({
headers: {
'Authorization': 'Bearer ' + token,
'Custom-Header': 'custom value'
}
});

在这个例子中,我们设置了两个自定义header:Authorization和Custom-Header。其中,Authorization是一个验证header,用来传递token信息;Custom-Header则是我们自定义的header。

现在,我们使用jQuery发起一个ajax请求:

$.ajax({
url: 'http://example.com/api/users',
type: 'GET',
dataType: 'json',
success: function(data) {
console.log(data);
},
error: function(xhr, status, error) {
console.error(xhr.statusText);
}
});

这个ajax请求中,我们没有显式地指定header,而是使用了ajaxSetup中设置的默认header。当然,我们也可以在单个ajax请求中覆盖ajaxSetup中的设置:

$.ajax({
url: 'http://example.com/api/users',
type: 'GET',
dataType: 'json',
headers: {
'Custom-Header': 'new custom value'
},
success: function(data) {
console.log(data);
},
error: function(xhr, status, error) {
console.error(xhr.statusText);
}
});

在这个请求中,我们覆盖了ajaxSetup中的Custom-Header设置,值改为了“new custom value”。

总的来说,通过ajaxSetup设置默认header可以避免在每个ajax请求中重复设置相同的header。当需要覆盖ajaxSetup中的设置时,可以在单个ajax请求中指定自己的header。