form表單內容序列化的兩種方法

form表單內容序列化

form表單自帶兩種方法serialize()方法和serializeArray()方法

創新互聯公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網站設計、做網站、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的黟縣網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

1.serialize()方法

描述：序列化表單內容為字符串(不包括文件）,用于Ajax請求。

格式：var data = $('#form').serialize();

2.serializeArray()方法

描述：序列化表單元素(類似'.serialize()'方法)返回JSON數據結構數據（不包括文件）。

注意,此方法返回的是JSON對象而非JSON字符串。
需要使用插件或者第三方庫進行字符串化操作;
也可以通過each循環，得到每個json對象，再通過.的方式取得具體的建與值

格式：var jsonData = $('#form').serializeArray();
$.each($(jsonData,function(index,obj){
           formData.append(obj.name,obj.value )
        })
# 補充：each方法，第一個參數是一個可迭代對象，第二個參數是函數，函數內的參數是index索引和循環出來的obj對象。

網頁題目：form表單內容序列化的兩種方法
標題網址：http://m.kartarina.com/article10/dsogsgo.html

成都網站建設公司_創新互聯，為您提供微信小程序、服務器托管、虛擬主機、云服務器、搜索引擎優化、營銷型網站建設

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容