jQuery CORS 是一個(gè) jQuery 的跨域資源共享插件,可以方便地實(shí)現(xiàn)跨域請(qǐng)求,并在跨域請(qǐng)求中包含 Cross-Origin Resource Sharing(CORS)頭部信息。
$.ajax({
url: 'http://example.com/api/data',
type: 'GET',
dataType: 'json',
xhrFields: {
withCredentials: true
},
crossDomain: true,
success: function(data) {
console.log(data);
},
error: function(xhr, status, error) {
console.log(xhr.responseText);
}
});
使用 $.ajax() 方法發(fā)起一個(gè) GET 請(qǐng)求,包含如下參數(shù):
- url - 請(qǐng)求的 URL 地址
- type - 請(qǐng)求類型,這里使用 GET
- dataType - 預(yù)期的數(shù)據(jù)類型
- xhrFields - 請(qǐng)求中包含的 XMLHttpRequest 對(duì)象選項(xiàng)
- crossDomain - 是否使用 CORS 頭部信息進(jìn)行跨域請(qǐng)求
- success - 請(qǐng)求成功的回調(diào)函數(shù)
- error - 請(qǐng)求失敗的回調(diào)函數(shù)
需要注意的是,xhrFields 需要設(shè)置 withCredentials 為 true,表示在跨域請(qǐng)求中包含身份憑證信息。同時(shí),跨域請(qǐng)求需要服務(wù)器端支持 CORS 頭部信息。