SSM项目练习——AJAX整体提交form

偏执的太偏执、 2022-06-04 05:10 148阅读 0赞

在练习项目时候，发现一个问题，ajax怎么提交form表单呢？这个貌似很简单，但是如果表单数据很多怎么办？为了提高工作效率，我们会想到整体提交，有这样的方法：

方法一：用FormData方法：

var formdata=new FormData(document.getElementById("myform"));

然后再用ajax提交。当然这里的myform是form表单的id。

但是，发现一个问题，这个方法有两个不好的地方：1、可以整体提交，但是后台不能整体接收，2、有些浏览器不![Image 1][]支持

方法二：

这个更简单，且很好的解决了上面的两个问题：

function add()\{  
    $("\#myfrom").ajaxSubmit();  
\}

<form id="myfrom" action="$\{pageContext.request.contextPath \}/contact/some.do" method="post">

后台怎么接收呢？用实体类，但是实体类的字段名必须与form表单里的name一致，直接看代码:

@RequestMapping(value="/some.do",method=RequestMethod.POST)  
    @ResponseBody  
    public void test(HttpServletRequest request,Contact contact) throws IOException\{  
        System.out.println(contact);  
       service.saveContact(contact);  
        ModelAndView mv = new ModelAndView();  
        //System.out.println(formdata);  
        //System.out.println(name);  
        //System.out.println(sex);  
        System.out.println("=============");  
        mv.addObject("message", "成功！！");  
        //System.out.println(name);  
        //mv.setViewName("/html/address\_list/selectAddressBook.jsp");  
  
    \}

但还是发现了个问题，就是有空值的话不能提交，那么我们可以用js的表单验证来解决。

[Image 1]:

发表评论取消回复

表情：

评论列表（有 0 条评论，148人围观）

还没有评论，来说两句吧...

相关阅读

相关通过ajax和form提交转向

这次本想尝试用ajax来提交表单来登录，但是遇到了很多问题，下面就是相关的总结。 ajax提交：第一步：ajax提交给servlet数据，进过相关的处理后第二步：s

末蓝、/ 2024年02月17日 14:30/ 0 赞/ 21 阅读

相关使用ajax实现form提交

1、常见的form表单提交都是使用submit 直接提交给form表单中action的地址。常见的form表单提交 <form:form action="

深藏阁楼爱情的钟/ 2023年07月08日 14:28/ 0 赞/ 116 阅读

相关 Ajax提交form表单

Ajax提交form表单 $.ajax({ //几个参数需要注意一下 type: "PO

╰+攻爆jí腚メ/ 2022年12月11日 04:21/ 0 赞/ 275 阅读

相关使用ajax提交form表单

function mySubmit(){ var chapter=$("myForm").serialize(); $.ajax({ typ

比眉伴天荒/ 2022年08月23日 03:48/ 0 赞/ 294 阅读

相关 jquery提交ajax Form(未完成)

ajaxSubmit 和ajaxForm区别官方解释 What is the difference between ajaxForm and ajaxSubmit

淡淡的烟草味﹌/ 2022年08月19日 01:40/ 0 赞/ 193 阅读

相关 Ajax提交Form表单

1. 背景在java后台开发中，经常要从前端向后台提交表单数据。利用Ajax进行Form表单提交，是很常用的方法。本文主要讲解Ajax提交表单的基本应用。 2. Ajax

迷南。/ 2022年07月21日 01:47/ 0 赞/ 331 阅读

相关 SSM项目练习——AJAX整体提交form

在练习项目时候，发现一个问题，ajax怎么提交form表单呢？这个貌似很简单，但是如果表单数据很多怎么办？为了提高工作效率，我们会想到整体提交，有这样的方法：方法一：用Fo

偏执的太偏执、/ 2022年06月04日 05:10/ 0 赞/ 149 阅读

相关 jQuery ajax()使用serialize()提交form数据

jQuery的serialize()方法通过序列化表单值，创建URL编码文本字符串，我们就可以选择一个或多个表单元素，也可以直接选择form将其序列化，如： <for

红太狼/ 2022年05月30日 10:18/ 0 赞/ 201 阅读

相关 ajax提交form表单

var form=document.getElementById("inspectForm");//inspectForm为Form表单的ID var f

浅浅的花香味﹌/ 2022年05月22日 22:12/ 0 赞/ 321 阅读

相关 layui form 表单ajax 提交

layui.use(['form','jquery'],function(){ //var form = layui.form(),

港控/mmm°/ 2021年09月30日 02:42/ 0 赞/ 876 阅读