1、將form表單元素的name與value進行組合,實現表單資料的序列化,從而減少表單元素的拼接,提高工作效率。
2、非同步上傳檔案
一、建立formdata物件
1、建立乙個空物件:
//通過formdata建構函式建立乙個空物件var formdata=newformdata();
//通過get方法對值進行讀取
console.log(formdata.get("name"));//laotie
//通過set方法對值進行設定
formdata.set("name","laoliu");
console.log(formdata.get("name"));//laoliu
2、通過表單對formdata進行初始化
建立表單:
通過表單元素作為引數,實現對formdata的初始化:
//獲得表單按鈕元素var btn=document.queryselector("#btn");
//為按鈕新增點選事件
btn.onclick=function()
二、操作方法
1、通過get(key)與getall(key)來獲取相對應的值
// 獲取key為age的第乙個值formdata.get("age");
// 獲取key為age的所有值,返回值為陣列型別
formdata.getall("age");
//通過formdata建構函式建立乙個空物件var formdata=newformdata();
//通過get方法讀取key為name的第乙個值
console.log(formdata.get("name"));//laoliu
//通過getall方法讀取key為name的所有值
console.log(formdata.getall("name"));//["laoliu", "laoli", "laotie"]
3、通過set(key, value)來設定修改資料
key的值不存在,會新增一條資料
//通過formdata建構函式建立乙個空物件var formdata=newformdata();
//如果key的值不存在會為資料新增乙個key為name值為laoliu的資料
formdata.set("name","laoli");
//通過get方法讀取key為name的第乙個值
console.log(formdata.get("name"));//laoli
key的值存在,會修改對應的value值
//通過formdata建構函式建立乙個空物件var formdata=newformdata();
//通過get方法讀取key為name的第乙個值
console.log(formdata.get("name"));//laoliu
//通過getall方法讀取key為name的所有值
console.log(formdata.getall("name"));//["laoliu", "laoliu2"]
//將存在的key為name的值修改為laoli
formdata.set("name","laoli");
//通過get方法讀取key為name的第乙個值
console.log(formdata.get("name"));//laoli
//通過getall方法讀取key為name的所有值
console.log(formdata.getall("name"));//["laoli"]
4、通過has(key)來判斷是否存在對應的key值
//通過formdata建構函式建立乙個空物件var formdata=newformdata();
//判斷是否包含key為name的資料
console.log(formdata.has("name"));//true
//判斷是否包含key為age的資料
console.log(formdata.has("age"));//false
5、通過delete(key)可以刪除資料
//通過formdata建構函式建立乙個空物件var formdata=newformdata();
console.log(formdata.get("name"));//laoliu
//刪除key為name的值
formdata.delete("name");
console.log(formdata.get("name"));//null
三、通過xmlhttprequest傳送資料
建立表單:
傳送資料:
var btn=document.queryselector("#btn");btn.onclick=function()
}}
form表單中常用物件
1.如下 1 23208 209225 2262.效果如下 3.說明 combo這個元件是需要繫結乙個資料來源才能使用,所以store和displayfield和valuefield是必須的 4.常用屬性 1.valuefield 字元型 value值欄位 2.displayfield 字元型 顯示...
寬度 表單 Form表單
塊級元素和行內元素 1.塊級元素獨佔一行,行內元素在同一行顯示 2.塊級元素預設寬度為100 行內元素由內容撐開 3.塊級元素可以設定寬高,行內元素不可以設定寬高 4.塊級元素可以設定margin和padding和四個方向,行內元素只可以設定margin和padding和左右值,上下不起作用 5.塊...
form表單序列化為Jquery物件
1 form id dailyfinancial class form inline 2 div class form group 3 label for financialtype 記賬型別 label 4 select class form control id financialtype na...