jQuery CORS 是一個 jQuery 的跨域資源共享插件,可以方便地實現跨域請求,并在跨域請求中包含 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() 方法發起一個 GET 請求,包含如下參數:
- url - 請求的 URL 地址
- type - 請求類型,這里使用 GET
- dataType - 預期的數據類型
- xhrFields - 請求中包含的 XMLHttpRequest 對象選項
- crossDomain - 是否使用 CORS 頭部信息進行跨域請求
- success - 請求成功的回調函數
- error - 請求失敗的回調函數
需要注意的是,xhrFields 需要設置 withCredentials 為 true,表示在跨域請求中包含身份憑證信息。同時,跨域請求需要服務器端支持 CORS 頭部信息。