通过jQuery的Ajax方式来提交Form表单

通过jQuery的Ajax方式来提交Form表单

$.ajax({
	url:ajaxCallUrl,
	type:"POST",
	cache:true,
	async:false,
	data:$('#yourformid').serialize(),
	success: function(data) {
		$("#commonLayout_appcreshi").parent().html(data);
	},
	failure:function(request){
		alert("Action failure");
	},
	error: function(request) {
		alert("Connection error");
	}
});

serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。语法：

$(selector).serialize()

serialize() 方法可以操作已选取个别表单元素的 jQuery 对象，比如 <input>, <textarea> 以及 <select>。不过，选择 <form> 标签本身进行序列化一般更容易些。具体参见：http://www.w3school.com.cn/jquery/ajax_serialize.asp

也可以通过serializeArray() 方法通过序列化表单值来创建对象数组（名称和值）。您可以选择一个或多个表单元素（比如 input 及/或 textarea），或者 form 元素本身。语法：

$(selector).serializeArray()

serializeArray() 方法序列化表单元素（类似 .serialize() 方法），返回 JSON 数据结构数据。注意：此方法返回的是 JSON 对象而非 JSON 字符串。需要使用插件或者第三方库进行字符串化操作。返回的 JSON 对象是由一个对象数组组成的，其中每个对象包含一个或两个名值对 —— name 参数和 value 参数（如果 value 不为空的话）。具体参见：http://www.w3school.com.cn/jquery/ajax_serializearray.aspfile、images、button、submit、reset都不会被序列化