Fetch的使用

基本特性：

更加简单的数据获取方式，功能更强大，更灵活，可以看做是xhr的升级版

使用

  fetch('url').then(function(data){
return data.text()
        }).then(function(data){
console.log(data);
        })

其中text（）属于fetchAPI的一部分，并且返回一个promise实列对象 ，用于获取后台返回的对象

 

fetch请求参数

method（string）：http请求方法，默认为get（get，post，delete，put）

body（string）：http请求参数

headers（object）：http请求头，默认为0

 

发起get请求

fetch('url', {
            method: 'get'//其实get请求时这个可以不写，因为默认为get请求
        }
        ).then(function (data) {
            return data.text()
        }).then(function (data) {
            console.log(data);
        })

delete请求

 fetch('url',{
            method:'delete'
        }).then(function(data){
return data.text()
        }).then(function(data){
console.log(data);
        })

post请求

fetch('url', {
            method: 'post',
            body: 'name=lisi&age=14',//用于传递参数
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded '//表明数据格式必须写
            }.then(function (data) {
                return data.text()
            }).then(function (data) {
                console.log(data);
            })
        })

put与post同理

 

响应数据格式

text（）将返回的数据处理成字符串

json()返回结果和JSON.parse()一样