原生JS和jQuery请求接口
原生JS和jQuery发起的HTTP请求通常使用XMLHttpRequest
或$.ajax()
方法。以下是两种方法的示例代码:
原生JS方法:
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send();
jQuery方法:
$.ajax({
url: "https://api.example.com/data",
type: "GET",
dataType: "json",
success: function (response) {
console.log(response);
},
error: function (xhr, status, error) {
console.error("An error occurred: " + status + "\nError: " + error);
}
});
在这两个示例中,我们分别使用原生JavaScript和jQuery发起了一个GET请求到https://api.example.com/data
。在原生JS中,我们监听readystatechange
事件来确定请求何时完成,并解析返回的JSON。在jQuery中,我们指定success
回调来处理成功的响应,error
回调来处理请求失败的情况。
评论已关闭