name='name'
value='bender'>
name='hind'>
selected>bitableoption>
kickableoption>
select>
type='checkbox'
name='shiny'
checked>
form>
// 生成的json資料是
例2 當表單存在多個重名的表單域時,按json陣列編碼
xml/html code複製內容到剪貼簿
type=
'number' name='bottle-on-wall'
value='1'>
type=
'number' name='bottle-on-wall'
value='2'>
type=
'number' name='bottle-on-wall'
value='3'>
// 生成的json資料是
例3 表單網域名稱稱以陣列形成出現的複雜結構
xml/html code複製內容到剪貼簿
name='pet[species]'
value='dahut'>
name='pet[name]'
value='hypatia'>
name='kids[1]'
value='thelma'>
name='kids[0]'
value='ashley'>
form>
// 生成的json資料是
, 「kids」: [「ashley」, 「thelma」]
} 例4 在上面的例子中,缺失的陣列序號值將以null替代
xml/html code複製內容到剪貼簿
name='hearbeat[0]'
value='thunk'>
name='hearbeat[2]'
value='thunk'>
form>
// 生成的json資料是
例5 多重陣列巢狀格式,巢狀層數無限制
xml/html code複製內容到剪貼簿
name='pet[0][species]'
value='dahut'>
name='pet[0][name]'
value='hypatia'>
name='pet[1][species]'
value='felis stultus'>
name='pet[1][name]'
value='billie'>
form>
// 生成的json資料是
,
]
}
例6 真的,沒有陣列維度限制!
xml/html code複製內容到剪貼簿
'wow[such][deep][3][much][power][!]'
value='amaze'>
// 生成的json資料是
}
}
]
}
}
} 例7 檔案上傳
xml/html code複製內容到剪貼簿
type='file' name='file' multiple>
// 假設你上傳了2個檔案, 生成的json資料是:
,
]
}
轉 舉例詳解HTML5中使用JSON格式提交表單
以json編碼格式提交表單資料是html5對web發展進化的又一大貢獻,以前我們的html表單資料是通過key value方式傳輸的伺服器端,這種形式的傳輸對資料組織缺乏管理,形式十分原始。而新出現的json格式提交表單資料方法,將表單裡的所有資料轉化的具有一定規範的json格式,然後傳輸的伺服器端...
如何在HTML5中使用SVG
svg 即 scalable vector graphics,是一種用來繪製向量圖的 html5 標籤。你只需定義好xml屬性,就能獲得一致的影象元素。使用svg之前先將標籤加入到html body中。就像其他的html標籤一樣,你可以.svg 即 scalable vector graphics,...
flex中使用json格式
要用到json,看了一篇 的掃盲貼,在flex中使用json十分方便。json是介於純文字方式與xml方式之間的一種格式,json能做到的事情,xml完成可以做到。為什麼要用json呢,我看大部分還是像我一樣,不得不用。json是ajax資料傳輸的首選,現有的專案使用的已經是json,如果增加fle...