React 網(wǎng)絡(luò)請求
方法一
原生請求,react自帶的fetch請求方式:
fetch(opt.url, {
method: opt.type,
body: data,
headers: {
'content-type': opt.contentType
}
}).then(res => {
res.json().then((data) => {
console.log(data)
})
}).catch(e => {
console.log(e)
});
方法二
ajax請求,react通過jquery的ajax方法進(jìn)行請求網(wǎng)絡(luò)
$.ajax({
type: opt.type,
url: opt.url,
data: data,
dataType: 'json',
contentType: opt.contentType,
cache: false,
success(data) {
console.log(data)
},
error(xhr, type) {
console.log(xhr)
}
});
ES6學(xué)習(xí)補(bǔ)充
let命令
用法類似于var,但是聲明的變量,只能在其所在的代碼塊使用,類似于局部變量弃衍,舉個(gè)栗子(比較適用于for循環(huán),循環(huán)結(jié)束后下標(biāo)銷毀)躲株,不可以重復(fù)聲明失息。
var命令
則類似于全局變量,在代碼塊可以任意去調(diào)用它募舟。
const 命令
const 聲明一個(gè)只讀的常量祠斧。一旦聲明,常量的值就不能改變拱礁。同時(shí)琢锋,使用const聲明的變量必須賦值,不然會報(bào)錯(cuò)呢灶。const
實(shí)際上保證的吴超,不是變量的值不改變,而是變量指向?qū)ο蟮膬?nèi)存地址所保存的數(shù)據(jù)不得改動(dòng)鸯乃。對于簡單類型的數(shù)據(jù)(數(shù)值鲸阻、字符串、布爾值)缨睡,值保存在變量指向的那個(gè)內(nèi)存地址鸟悴,因此等同于常量。
ES6聲明變量的六種方法
ES5只有兩種聲明變量的方法:var
命令和function
命令奖年。ES6除了添加let
const
import
class
對象的結(jié)構(gòu)機(jī)制
對象的結(jié)構(gòu)賦值的內(nèi)部機(jī)制细诸,先找到同名屬性,在賦值給變量陋守,真正被賦值的是后者震贵,而不是前者。
c // 'a'
a //error:a is not defined
上述代碼中水评,a只是匹配模式猩系,找到對應(yīng)的屬性名,而c
才是真正被賦值的變量中燥,而不是模式a
寇甸。
默認(rèn)值
對象的解構(gòu) 也可以設(shè)置默認(rèn)值
var {x = 3 } = {};
x // 3
var{ x , y = 5 } = { x : 1 };
x //1
y //5
var {x : y = 3} ={};
y //3
var {x : y = 3 } = { x : 5 };
y //5
var {message : msg = 'xxx'} = {};
msg // xxx
// 默認(rèn)值生效的條件是,對象的屬性嚴(yán)格等于`underfined`
var { x = 3 } = {x : undefined };
x // 3 ;
var { x = 3 } = { x : null } ;
x //