移動端使用fetch

標籤：alt   tty   column   url   github   優雅   ble   color   dia   

傳統ajax

$.ajax({             type: "GET",             url: "test.json",             data: {username:$("#username").val(), content:$("#content").val()},             dataType: "json",             success: function(data){                         console.log(data);                      }         });

 

使用fetch

fetch(‘/list/column‘)            .then((response) => {                return response.json();            })            .then((data) => {                console.log(data);                this.setState({                    data: JSON.stringify(data)                });                // console.log(this.state.data);            })            .catch((ex) => {                console.log(ex);            });

 

 

 

fetch相容使用：可以使用

whatwg-fetch

參考：https://github.com/github/fetch

但是IOS7不支援Promise，導致，一直報錯，Can‘t find variable: Promise ，ios8及以上支援Promise

 

決解辦法：http://stackoverflow.com/questions/22462396/cant-find-variable-promise-on-safari/22463561
使用

Ember.RSVP.Promise

而這樣就失去了方便簡潔優雅的目的，只能等ios7慢慢被淘汰再用。。。。

範例程式碼地址： https://github.com/fengnovo/diary/tree/master/react/20161021/webpack-dev-server-proxy-test

移動端使用fetch