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

最新推荐文章于 2024-12-04 11:21:35 发布

转载最新推荐文章于 2024-12-04 11:21:35 发布 · 77 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jzssuanfa/p/7049045.html

本文介绍如何使用jQuery的Ajax方法提交表单数据，并通过serialize()和serializeArray()方法序列化表单元素。

通过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> 标签本身进行序列化一般更easy些。详细參见：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.asp

file、images、button、submit、reset都不会被序列化

转载于:https://www.cnblogs.com/jzssuanfa/p/7049045.html