JQuery中serialize()、serializeArray()和param()方法示例介紹
下面是服務(wù)器端的jsp代碼:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
String username = request.getParameter("username");
String content = request.getParameter("content");
out.println("<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+"
</p></div>");
%>
與JQuery中其他方法一樣,serialize()方法也是作用于一個(gè)JQuery對(duì)象,它能夠?qū)OM元素內(nèi)容序列化為字符串,用于ajax請(qǐng)求。通過(guò)使用serialize()方法,可以提交本頁(yè)面的所有域,代碼如下:
$("#send").click(function(){
$.get("get1.jsp", $("#form1").serialize(), function(data, textStatus)
$("#resText").html(data);
});
});
當(dāng)單擊“提交”按鈕后,所有屬于form1的表單元素都能提交到后臺(tái),即使在表單中再增加字段,腳本仍然能夠使用,并且不需要做其他多余工作。
用字符串方式時(shí),需要注意對(duì)字符編碼(中文問(wèn)題),如果不希望編碼帶來(lái)麻煩,可以使用serialize()方法,它會(huì)自動(dòng)編碼。
因?yàn)閟erialize()方法作用于JQuery對(duì)象,所以不光只有表單能使用它,其他選擇器選取的元素也都能使用它,如以下JQuery代碼:
$(":checkbox,:radio").serialize();
把復(fù)選框和單選框的值序列化為字符串形式,只會(huì)將選中的值序列化。
在JQuery中還有一個(gè)與serialize()類(lèi)似的方法--serializeArray(),該方法不是返回字符串,而是將DOM元素序列化后,返回JSON格式的數(shù)據(jù)。JQuery代碼如下:
var fields = $(":checkbox,:radio").serializeArray();
console.log(fields); //用FireBug輸出
$.param()方法是serialize()方法的核心,用來(lái)對(duì)一個(gè)數(shù)組或?qū)ο蟀凑誯ey/value進(jìn)行序列化。
比如將一個(gè)普通的對(duì)象序列化:
var obj = {a:1,b:2,c:3};
var k = $.param(obj);
alert(k); //輸出a=1&b=2&c=3
相關(guān)文章
jQuery中對(duì)節(jié)點(diǎn)進(jìn)行操作的相關(guān)介紹
本篇文章小編將為大家介紹,在jQuery中對(duì)節(jié)點(diǎn)進(jìn)行操作的解決辦法,有需要的朋友可以參考一下2013-04-04
jquery Validation表單驗(yàn)證使用詳解
功能強(qiáng)大的 jquery 表單驗(yàn)證插件,適用于日常的 E-mail、電話號(hào)碼、網(wǎng)址等驗(yàn)證及 Ajax 驗(yàn)證,除自身?yè)碛胸S富的驗(yàn)證規(guī)則外,還可以添加自定義的驗(yàn)證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04
Jquery拖拽并簡(jiǎn)單保存的實(shí)現(xiàn)代碼
今閑著無(wú)聊 順便看了下jquery ui的拖拽插件,實(shí)現(xiàn)拖拽的方法很簡(jiǎn)單,看到效果后興奮小下...2010-11-11
jQuery通過(guò)點(diǎn)擊行來(lái)刪除HTML表格行的實(shí)現(xiàn)示例
從一個(gè)HTML表使用一些時(shí)髦的效果,只要按一下該行,改行即可被刪除,這個(gè)示例比較簡(jiǎn)單,新手朋友們可以學(xué)習(xí)下2014-09-09
使用jquery 簡(jiǎn)單實(shí)現(xiàn)下拉菜單
這里給大家展示了一例使用jQuery實(shí)現(xiàn)下拉菜單效果,代碼非常簡(jiǎn)潔,推薦給小伙伴們2015-01-01
jquery實(shí)現(xiàn)每個(gè)數(shù)字上都帶進(jìn)度條的幻燈片
瀏覽網(wǎng)頁(yè)時(shí)不小心會(huì)碰到這樣的一個(gè)網(wǎng)站有幻燈片而且每個(gè)數(shù)字上面都帶有進(jìn)度條閑的無(wú)聊,自己用jquery實(shí)現(xiàn)了一個(gè),因?yàn)橛幸粋€(gè)進(jìn)度條的播放過(guò)程暫不支持ie6,熱愛(ài)特效的你可不要錯(cuò)過(guò)了哈2013-02-02
使用jquery判斷一個(gè)元素是否含有一個(gè)指定的類(lèi)(class)實(shí)例
下面小編就為大家?guī)?lái)一篇使用jquery判斷一個(gè)元素是否含有一個(gè)指定的類(lèi)(class)實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02

