ajax 基地址设置
在AJAX中设置基地址,通常是为了在发送请求时自动添加一个通用的URL前缀。这样可以避免在每次请求时都写完整的URL,提高代码的可维护性。在JavaScript中,可以通过设置全局的baseURL
变量或者在发送请求时直接指定基地址。
以下是一个使用jQuery的例子,演示了如何设置全局的AJAX基地址:
$.ajaxSetup({
baseURL: "https://api.example.com/v1/"
});
// 之后发送的AJAX请求都会自动加上这个基地址
$.ajax({
url: "endpoint", // 实际请求的URL会是 https://api.example.com/v1/endpoint
method: "GET",
success: function(data) {
console.log(data);
}
});
如果你不使用jQuery,可以自己封装一个函数来处理基地址:
function sendAjaxRequest(url, method, successCallback) {
var baseURL = "https://api.example.com/v1/";
var fullURL = baseURL + url;
var xhr = new XMLHttpRequest();
xhr.open(method, fullURL, true);
xhr.onload = function() {
if (this.status >= 200 && this.status < 300) {
var response = JSON.parse(xhr.responseText);
successCallback(response);
}
};
xhr.send();
}
// 使用封装的函数发送请求
sendAjaxRequest("endpoint", "GET", function(data) {
console.log(data);
});
在这个例子中,sendAjaxRequest
函数封装了创建AJAX请求的过程,并在请求之前将基地址拼接到url
参数上。
评论已关闭