原生实现ajax
原生JavaScript实现AJAX的方法如下:
function createCORSRequest(method, url) {
var xhr = new XMLHttpRequest();
if ("withCredentials" in xhr) {
// 现代方式
xhr.open(method, url, true);
} else if (typeof XDomainRequest != "undefined") {
// IE8和IE9的方式
xhr = new XDomainRequest();
xhr.open(method, url);
} else {
// 不支持CORS的浏览器
xhr = null;
}
return xhr;
}
function makeCorsRequest() {
var url = "https://yourapi.com/data"; // 替换为你的API URL
var xhr = createCORSRequest('GET', url);
if (!xhr) {
throw new Error('CORS not supported');
}
xhr.onload = function() {
// 成功响应
var responseText = xhr.responseText;
console.log(responseText);
};
xhr.onerror = function() {
// 错误处理
console.log('There was an error making the request.');
};
xhr.send();
}
makeCorsRequest();
这段代码首先定义了一个createCORSRequest
函数,它会根据当前环境创建一个XMLHttpRequest
或XDomainRequest
对象,用于跨域请求。然后定义了makeCorsRequest
函数,它使用createCORSRequest
创建请求,并处理成功和错误的回调。最后调用makeCorsRequest
函数发送请求。
评论已关闭