作用:使用模板引擎提供的模板語法,可以將資料和 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...