欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery中serialize()、serializeArray()和param()方法示例介紹

 更新時間：2014年07月31日 16:49:51   投稿：whsnow  
serialize()方法也是作用于一個JQuery對象，它能夠?qū)OM元素內(nèi)容序列化為字符串，serializeArray()方法不是返回字符串，而是將DOM元素序列化后，返回JSON格式的數(shù)據(jù)

下面是服務(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()方法也是作用于一個JQuery對象，它能夠?qū)OM元素內(nèi)容序列化為字符串，用于ajax請求。通過使用serialize()方法，可以提交本頁面的所有域，代碼如下：

$("#send").click(function(){ 
$.get("get1.jsp", $("#form1").serialize(), function(data, textStatus) 
$("#resText").html(data); 
});
});

當單擊“提交”按鈕后，所有屬于form1的表單元素都能提交到后臺，即使在表單中再增加字段，腳本仍然能夠使用，并且不需要做其他多余工作。

用字符串方式時，需要注意對字符編碼（中文問題），如果不希望編碼帶來麻煩，可以使用serialize()方法，它會自動編碼。

因為serialize()方法作用于JQuery對象，所以不光只有表單能使用它，其他選擇器選取的元素也都能使用它，如以下JQuery代碼：

$(":checkbox,:radio").serialize();

把復選框和單選框的值序列化為字符串形式，只會將選中的值序列化。

在JQuery中還有一個與serialize()類似的方法--serializeArray()，該方法不是返回字符串，而是將DOM元素序列化后，返回JSON格式的數(shù)據(jù)。JQuery代碼如下：

var fields = $(":checkbox,:radio").serializeArray();
console.log(fields); //用FireBug輸出

$.param()方法是serialize()方法的核心，用來對一個數(shù)組或?qū)ο蟀凑誯ey/value進行序列化。

比如將一個普通的對象序列化：

var obj = {a:1,b:2,c:3};
var k = $.param(obj);
alert(k); //輸出a=1&b=2&c=3

相關(guān)文章

最新評論