Question

用jquery的post方法提交表单的问题

页面代码
<form id="perForm" name="perForm" method="post">
<table>
<tbody>
<tr>
<td>名字：</td>
<td><input type="hidden" id="personId" name="p.personId"/>
<input id="perName" name="p.perName" size=30 type=text
class="easyui-validatebox" required=true /></td>
</tr>
<tr>
<td>年龄：</td>
<td><input id="perAge" name="p.perAge" size=30 type=text
class="easyui-validatebox" required=true /></td>
</tr>
<tr>
<td>性别：</td>
<td>
<select id="perSex" name="p.perSex">
<option value="无">-请选择-</option>
<option value="男">男</option>
<option value="女">女</option>
</select>
</td>
</tr>
<tr>
<td>身份证：</td>
<td><input id="perId" name="p.perId" size=30 type=text
class="easyui-validatebox" required=true /></td>
</tr>
</tbody>
</table>
</form>
<a href="javascript:void(0);" class="easyui-linkbutton" conCls="icon-ok" onclick="perSubmit()">保存</a>

我现在想点击保存时用jquery的post提交表单，如何直接把表单里面的p.*封装成对象传到后台？用的是Struts2的框架

Answer 1

使用post方法提交表单的方法有两种，一种是使用表单的post的方法提交或者使用ajax异步post提交。

工具原料：编辑器、浏览器

1、方法一：直接使用form表单提交，简单的代码如下：

<form action="form_action.asp" method="post">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

2、使用jQuery的ajax方法进行post提交，简单的代码如下：

$.ajax({
				type:"post",
				url:"test.php",
				async:true
			});

Answer 2

<script>
function perSubmit() {
var d=$("form").serialize();
$.post("abc.jsp", d, function (result) { alert(result); }, "text");
}
</script>