AJAX+form+JQUERY动态提交数据

前端之家收集整理的这篇文章主要介绍了AJAX+form+JQUERY动态提交数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

通过ajax把form表单里的数据提交到服务器非常简单,把form序列化下就可以了。

jquery中与平时唯一的不同就是把data这样serialize()

<script type="text/javascript">
     function test(){
     	$.post("<%=basePath%>/HelloWorld.action",$("#form1").serialize(),function(data,status){
		alert("数据:" + data + "\n状态:" + status);
	 });
      }
</script>

<form id="form1" method="post">
        First name: <input type="text" name="firstName" value="Bill" /><br />
  	user.username <input type="text" name="user.username" value="userName"/><br />
  	user.name.showName <input type="text" name="user.name.showName" value="nameShow"/><br/>
 </form>
 <input type="button" name="b" value="测试Ajax" onclick=test()>

public void ajax() throws IOException{
	PrintWriter out= ServletActionContext.getResponse().getWriter();
	out.println("OK");
	System.out.println(user.getUsername());
	System.out.println(user.getName().getShowName());
	System.out.println("................");
}

对,你没有看错,我用的struts框架做的测试。。form表单中要提交的数据必须有name属性,可以说跟平时的一样。

试试serialize()

原文链接:https://www.f2er.com/ajax/164195.html

猜你在找的Ajax相关文章