首頁 > web前端 > js教程 > JQuery中serialize() 序列化_javascript技巧

JQuery中serialize() 序列化_javascript技巧

PHP中文网
發布: 2016-05-16 16:09:47
原創
1354 人瀏覽過

本文導讀:在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() 序列化表單實例


複製程式碼

程式碼🎜> 
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板