“传说”未来代替Ajax的Fetch入门

最新推荐文章于 2024-03-01 16:05:49 发布

原创最新推荐文章于 2024-03-01 16:05:49 发布 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

HTML5 专栏收录该内容

43 篇文章

订阅专栏

本文介绍 Fetch API 的使用方法，这是一种用于替代传统 AJAX 请求的技术。通过示例代码展示如何发起 GET 请求，并处理响应数据。

Fetch被称为下一代ajax继承
https://github.com/whatwg/fetch
现在还没有被W3C纳入

var getObj = fetch("http://xxx.com/getData.php",{
    method:"GET",
    headers:{},
    body:"id=3&name=jack"
});
getObj.then(function(data){
    console.log(data.ok); //成功返回，则ok属性为true
    var getTextObj = data.text();
    getTextObj.then(function(res){
      console.log(res);
    });
},function(err){
    console.log("失败");
})