HTML5中使用JSON格式提交表單

2021-07-16 02:41:46 字數 1880 閱讀 5763

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...