JS基礎總結(5) GET POST

2021-10-02 22:49:39 字數 2694 閱讀 9784

請求資料一般是使用get、post方法,但是其實還有一些其它的http方法:如put、patch等,今天我們主要講一下get、post方法,如果篇幅不夠就用那些其它的方法來湊吧!

get、post簡要

get、post略詳

get方法

其實在瀏覽器中輸入位址http://host:port/path?key1=value1&key2=value2,然後enter,這時瀏覽器就傳送了get請求到伺服器請求資料。

tips:

post方法

​ 查詢字串(名稱/值對)是在 post 請求的 http 訊息主體中傳送的

參考文章:http 方法:get 對比 post

get、post略略詳

​ 那具體來說,怎麼來✍js**呢?嗯,那我來介紹一些實現get、post的方式吧:

ajax

​ 要在ajax中進行http呼叫,您需要初始化乙個新xmlhttprequest()方法。什麼是xmlhttprequest()方法呢?

​ explain:提供了對 http 協議的完全的訪問,包括做出 post 和 head 請求以及普通的 get 請求的能力。-- xml dom

}// 有沒有發現是不是沒有提 鍵值對,其實呢,鍵值對的資訊通過?&拼接在url中了,這波分析,細不細節(hhh)ajax - post

​ 類推吧,或是看 參考文章:js原生ajax請求

看到這,you may be tk:靠,寫個ajax - get這麼麻煩,到時候寫**豈不要累死?i : 所以有了jq啊

jq - get

$

(document)

.ready

(function()

, error:

function

(err)})

})})

// 簡易方法

const url =

"server address";$

('.btn').

click

(function()

});}

);

jq - post

const url =

"server address"

;const data =;$

('.btn').

click

(function()

and status is $`

);})

;});

jq - get / post

​ 比較規範且實用

const url =

"server address"

;const data =;$

('.btn').

click

(function()

, error:

function

(res)})

;});

小小擴充套件 fetch…

fetch (es6新特色)

​ 它返回乙個promise ,

const url =

"server address"

;fetch

(url)

.then

(data =>).

then

(res =>

);

const url =

"server address"

;const data =

;// optional args

const ohterargs =

, body: data,

method:

"post"};

fetch

(url, otherargs)

.then

(data =>).

then

(res =>).

then

(error =>

)

本來還想說一下axios的,我發現上面兩段**看不懂/(ㄒoㄒ)/~~,連promise是啥也不清楚,所以我「知難而退」

-------------- end

不足:關於es6新出的fecth還是不太清楚,得跟上技術上的潮流才行

(誠心求?)

js基礎總結一

1.原型 function 原型最終指向是object 2.split 和join 用法 split將字串切割為陣列形式 join將陣列轉換為字串格式 console.log abcdef split a b c d e f console.log 1 2,3 4,5 join 1,2,3,4,53...

js基礎學習總結

var 會導致變數提公升,在下方定義的a,在前面依舊可以讀取 console.log a 1 var a 1let const 不會導致變數提公升,從上往下執行 console.log a 會報錯 let a 1 console.log a 1簡單陣列 一層 的深拷貝,可以用slice或者conca...

js基礎的總結

js中的每個函式都含有乙個內建的arguments陣列,能夠返回函式接受的所有引數,不管函式有沒有定義引數。function add sum arguments i return sum var sum add 1,2,a 4 console.log sum js 函式的引數名對於函式來說也是乙個變...