fetchAPI请求

一. 一个完整的post请求和响应的过程

        var url = "/fetch";
          fetch(url,{
              method:"post",
              headers:{
                  "Content-type":"application/x-www-form-urlencoded"
              },
              body:"name=luwenjing&age=22"
          })
            .then(function (response){
                if (response.status == 200){
                    return response;
                }
            })
            .then(function (data) {
              return data.text();
            })
            .then(function(text){
                console.log("请求成功，响应数据为:",text);
            })
            .catch(function(err){
                console.log("Fetch错误:"+err);
            });

 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

（1）fetch的参数有两个，第一个是url即请求的处理路径； 
第二个是初始化信息，包括以下几种：

• method：请求方法，常用的有get和post；
• headers：请求头信息，最常用的就是表单格式的数据：”Content-type”:”application/x-www-form-urlencoded”；
• mode：控制是否允许跨域。same-origin（同源请求）、no-cors（默认）和cros（允许跨域请求）；
• cache：关于缓存的一些设置；
• body：要发送到后台的参数，可以为ArrayBuffer，String，FormData等类型；
  

  （2）从上面的代码我们可以知道fetch()方法返回的是一个promise对象；

  （3）响应信息为传入then方法成功时的参数，相应包含很多http的响应信息。
  

  （4）可以判断响应的状态吗，返回请求成功的对应信息；

  （5）通过状态转换，转换为指定的格式，如果是文本信息，直接text()方法就可以；若为json格式，则json()就可以转换为json格式信息，其实也就是自己请求数据格式时所设置的格式；