Inherits="JqueryAjaxTest.JquerySerialize"%>
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Jquery Ajax Test$(document).ready(function () {
$("#submit").click(function () {
//序列表单内容为字符串,绑定到DIV.result1
$("#result1").append("" + $("form").serialize() + "");
//系列化表单元素为Json对象
var Jsonfields= $("select,:text, :radio,:checkbox").serializeArray();
//将Json对象绑定到Div.result2
$("#result2").append($.toJSON(Jsonfields));
//处理Json对象转化为字符串绑定到DIV.result3
jQuery.each(Jsonfields, function (i, field) {
$("#result3").append(field.name + ":" + field.value + " ");
});
//序列表单内容为字符串,传递到服务器,返回结果绑定到Div.result4
var Jsonform= $("form").serialize();
$.ajax({
url: "Data/SubmitForm.aspx",
type: "get",
data: Jsonform,
success: function (data) {
$("#result4").html(data);
}
});
//给结果加上红色边框
$("#result").css("border", "1px solid red");
});
});
Single1
Single2
txtarea
check1
check2
radio1
radio2
serialize表单的结果为: