JS请求的几种方式
方式1:XMLHTTPRequest对象来发送请求:<script>function myOnclick() {var xhr = new XMLHttpRequest();xhr.onloadend = function () {alert("code:" + xhr.status + ";text:" + xhr.responseText)};
·
方式1:XMLHTTPRequest对象来发送请求:
<script>
function myOnclick() {
var xhr = new XMLHttpRequest();
xhr.onloadend = function () {
alert("code:" + xhr.status + ";text:" + xhr.responseText)
};
xhr.open("get", "http://localhost:8080/hello");
xhr.send(null);
}
</script>
方式2:通过jquery的ajax方法来发送请求:
<script>
$.ajax({
url: "http://localhost:8080/hello",
type: "get",
success: function(data){
console.log(data);
}
});
</script>
方式3:使用Promise来处理回调:
<script>
function ajax(url){
return new Promise(function (resolve, reject) {
$.ajax({
url: url,
type: "get",
success: function(data){
resolve(data);
},
error: function(error) {
reject(error);
}
});
});
}
ajax("http://localhost:3000/data/1").then(function(data){
console.log(data);
return ajax("http://localhost:3000/data/2");
}).then(function (data) {
console.log(data);
return ajax("http://localhost:3000/data/34");
}).then(function(data){
console.log(data);
}).catch(function(err){
console.log('err');
}).finally(function(){
console.log('我一定会执行');
});
</script>
更多推荐
已为社区贡献8条内容
所有评论(0)