Deno 如何保留 cookie

自己試著用 Deno 寫小機器人

不過不管試幾次，登入後去其他 request 都做不到

我的 code 大致如下

const account = "foo@example.com"
const password = "bar123456789"
const host = "http://localhost:8080"

let cookie = await fetch(`${host}/login`, {
	body: `account=${account}&password=${password}`,
	method: "POST",
	headers: {"Content-type": "application/x-www-form-urlencoded"}
})
	.then(function(resp){
		return resp.headers.get("Set-cookies") || "" 	// 不加上 || "" 的話，cookie 就會被視作 nullable 變數，在 deno 可能會說 warning 或 error
	})

fetch(`${host}/some-request`, {
	headers: {"Cookie": cookie}
})
	.then(function(resp){
		return resp.text()
	}).then(function(data){
		console.log(data)
	})

以上這段 code 最終會 redirect 到首頁而已

因為 cookie 取不到（換言之， cookie 變數一直都會是空字串）

筆記：javascript 中 fetch 與 ajax 的差異

引自以下 twitter

`fetch()` will be the same as XHR at the network level, but for things like decoding JSON, it can do that work off-thread because the API contract is promise-based up-front.

— Alex Russell (@slightlylate) October 18, 2019

這位 Alex Russell 曾是 Google Chrome 框架的工程師

使用 jQuery Datatables plugin 時，出現 Bean 錯誤

這是最近在處理 spring MVC 專案時遇到的問題。

這個專案前端使用了 jQuery + Datatable plugin；

而在後端，則是這樣寫（FooBarSearch 是一個 Bean）

@RequestMapping(value="/search")
public @ResponseBody ForBarResultBean search(FooBarSearch search) 

在不用jQuery的情況下使用AJAX+FormData來上傳檔案

上傳檔案時，因為必然是以enctype="multipart/form-data"來顯示
然而，AJAX就是問題了。要如何寫payload？
幸好，HTML5提供了FormData這簡單的東西給我們了