javascript請求的理解筆記

2021-08-31 04:09:08 字數 1129 閱讀 4363

現在由於es6的普及和react、vue的廣泛運用出現了很多請求方法,有原生的也有庫,所以想著做一下筆記,方便隨時使用。

一、fetch api

fetch是瀏覽器的原生api,所以和xmlhttprequest(xhr)一樣是親兒子,

也可以直接使用,卻比xmlhttprequest(xhr)好用很多,主要有es6的強大支援。

簡單的使用格式:

});下面有兩個詳細的講解教程:

二、原生js

var postdata = ;

xhr.send(postdata);

關於跨域,下面有兩個具有參考價值的方法:

封裝乙個jsonp函式(原生js)

es6跨域資料訪問fetch-jsonp

三、jquery ajax

基於xmlhttprequest,必須引入jquery庫,如果只是為了請求就引入這個庫,得不償失。

基本使用格式:

$.ajax(,

// datatype: 'jsonp',//跨域

success: function (data) ,

error: function (err)

});

JavaScript 特殊理解

js var data for var k 0 k 3 k console.log outer k data 0 3,而不是0 data 1 3,而不是1 data 2 3,而不是2 eval 和function構造不同 eval 可以干擾作用域鏈.而function 更安分守己些。不管你在 執行 ...

Javascript理解this物件

this是函式執行時自動生成的乙個內部物件,只能在函式內部使用,但總指向呼叫它的物件。通過以下幾個例子加深對this的理解。1 作為函式呼叫 var name jenny function person console.log person jenny上面這個例子在全域性作用域中呼叫person 此...

理解Javascript的閉包

出處 neo 內容摘抄 閉包closure就是 一些特點 例子1 閉包中區域性變數是引用而非拷貝1 2 3 4 5 6 7 8 9 10 functionsay667 num returnsayalert varsayalert say667 sayalert 因此執行結果應該彈出的667而非666...