JQuery中serialize() 序列化_javascript技巧

本文導讀：在jQuery中，當我們使用ajax時，常常需要拼裝input資料以鍵值對（Key/Value）的形式傳送到伺服器，用JQuery的serialize方法可以輕鬆的完成這個工作，使用這個方法可以將表單序列化為鍵值對（key1=value1&key2=value2…）後提交。以下介紹JQuery中serialize()的用法

一、serialize()定義與用法：

serialize()方法透過序列化表單值，建立標準的URL編碼文字字串，它的操作物件是代表表單元素集合的jQuery 物件。你可以選擇一個或多個表單元素（例如input或文字方塊），或是 form 元素本身。序列化的值可在產生 AJAX 請求時用於 URL 查詢字串中。

語法：

複製程式碼 程式碼如下:

$(sel(). )

詳細說明

1、.serialize() 方法建立以標準URL 編碼表示的文字字串。它的操作物件是代表表單元素集合的 jQuery 物件。

2、.serialize() 方法可以操作已選取個別表單元素的 jQuery 對象，例如,

3、只會將」成功的控制項「序列化為字串。如果不使用按鈕來提交表單，則不對提交按鈕的值序列化。如果要表單元素的值包含到序列字串中，元素必須使用 name 屬性。

4、form裡面的name不能夠用 Js、jquery裡的關鍵字。

例如：length

複製程式碼 程式碼如下:

程式碼如下:

使用:$("#form1").serialize();

上面則取得不到數值。

二、JQuery中serialize()實例

1、ajax serialize()

複製程式碼
程式碼如下:

$.ajax({

    type: "POST",

    數據類型: "json",

data:$('#myForm').serialize(),// 要提交表單的ID
    success: function(msg){

        alert(msg);

        alert(msg);        alert(msg);      🎜>

2、serialize() 序列化表單實例

複製程式碼

程式碼🎜>