靜態仔的掙扎第02天

2021-09-27 11:05:43 字數 1974 閱讀 4873

作用:使用模板引擎提供的模板語法,可以將資料和 html 拼接起來。

2.準備 art-template 模板

3.告訴模板引擎將哪乙個模板和哪個資料進行拼接

var html = template('tpl', );
4.將拼接好的html字串新增到頁面中

document.

getelementbyid

('container'

).innerhtml = html;

5.通過模板語法告訴模板引擎,資料和html字串要如何拼接

"tpl" type=

"text/html"

>

="box"

>

}<

/div>

<

/script>

1.模擬html表單,相當於將html表單對映成表單物件,自動將表單物件中的資料拼接成請求引數的格式。

2.非同步上傳二進位制檔案

準備 html 表單

"form"

>

"text" name=

"username"

/>

"password" name=

"password"

/>

"button"

/>

<

/form>

將 html 表單轉化為 formdata 物件

var form = document.

getelementbyid

('form');

var formdata =

newformdata

(form)

;

提交表單物件

xhr.

send

(formdata)

;

注意

1.formdata 物件不能用於 get 請求,因為物件需要被傳遞到 send 方法中,而 get 請求方式的請求引數只能放在請求位址的後面。

2.伺服器端 bodyparser 模組不能解析 formdata 物件表單資料,我們需要使用formidable模組進行解析。

post

('/formdata'

,(req, res)

=>);

});formdata 物件的例項方法

1.獲取表單物件中屬性的值

formdata.

get(

'key'

);

2.設定表單物件中屬性的值

formdata.

set(

'key'

,'value'

);

3.刪除表單物件中屬性的值

formdata.

delete

('key'

);

4.向表單物件中追加屬性值

formdata.

('key'

,'value'

);

"file" id=

"file"

/>

var file = document.

getelementbyid

('file'

)// 當使用者選擇檔案的時候

file.

onchange

=function()

xhr.

onload

=function()

}

流浪的測試仔02

2020 8 16 上週因為公司專案開發那邊出了些問題,所有我們測試閒了一周。周 一 周二一直在摸魚,週三到周五看了那個 python從入門到精通 80頁了,平均一天30也不到,計畫下週開始的話每天專心的看下書,一天能看個50頁倒是可以,畢竟時間不等人。不建議零基礎的同學看這麼快,我也是一字不落的看...

UI學習第02天

第02天主要是針對uiimageview和幀動畫的學習,大概筆記如下 1 transform的作用 可以用來設定圖形的平移 縮放 旋轉 cgaffinetransformtranslate 在當前位置平移 cgaffinetransformmaketranslation 在原點座標進行平移 gaff...

Verilog HDL 訓練 第 02 天

1.畫一下電路圖 cmos反相器 與非門 或非門 三態輸出門 漏極開路門。cmos反相器電路由兩個增強型mos場效電晶體組成。上方為p溝道增強型mos管,下方為n溝道增強型mos管。cmos反相器電路由兩個增強型mos場效電晶體組成,其中tn為nmos管,稱驅動管,tp為pmos管,稱負載管。nmo...