AJAX+form+JQUERY动态提交数据

最新推荐文章于 2023-03-16 17:31:53 发布

转载最新推荐文章于 2023-03-16 17:31:53 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/northerSong/blog/340341

文章标签：

#java #python #javascript #ViewUI

本文介绍了如何通过Ajax将form表单数据提交到服务器的简单步骤，包括使用jQuery序列化form表单数据，并通过示例代码演示了Struts框架下的实现过程。关键在于理解序列化过程及数据提交的基本原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

通过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://my.oschina.net/northerSong/blog/340341