請求資料一般是使用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 函式的引數名對於函式來說也是乙個變...