使用ajax提交form表单，包括ajax文件上传
前言使用ajax请求数据，很多人都会，比如说：又或者是这样的ajax同样的，很多人也会。ajaxForm并不能提交表单。在document的ready函数中，使用ajaxForm来为ajax提交表单进行准备。回调函数带三个调用参数：数组形式的表单数据，jQuery表单对象，以及传入ajaxForm/ajaxSubmit中的Options对象。
form
ajax 下拉框连动选择省市县
效果如下，用了bootstrap的下拉组件在页面中首先隐藏市和县的div,然后ajax自动请求一次数据获取省份，监听省份下拉框的更改事件，再一次ajax获取市数据，show市下拉框，同样道理，监听市下拉框的更改事件，再一次ajax获取县数据主界面Servlet
通过Ajax方式上传文件，使用FormData进行Ajax请求
Ajax的方式进行请求：通常我们提交时，会把form中的所有表格元素的name与value组成一个queryString，提交到后台。不过如今主流浏览器都开始支持一个叫做FormData的对象，有了这个FormData，我们就可以轻松地使用Ajax方式进行文件上传了。formobj=document.getElementById("form"FormData(formobj);方案3：利用form元素对象的getFormData方法生成它！因为data值是FormData对象，不需要对数据做处理。
ajax提交form表单数据serialize转为JSON
在此提供一小段代码1，让你快速的将form表单数据转为JSON格式。当你需要将form表单传递给Controller之后，则可以：后端的Controller可以采用@RequestBody来接收JSON字符串，并自动转为对应的Bean。
ajax提交表单极简姿势
需要注意的是：表单中的三个属性缺一不可表单中不存在文件域时，可以直接利用jquery的序列化来打包数据varpost_data=$.serialize()表单中存在文件域时，可以利用html5的FormData对象打包数据varpost_data=newFormData
element中form组件prop嵌套属性的问题解决
本文主要介绍了element中form组件prop嵌套属性的问题解决，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
FormData通过ajax上传文件
我们知道最早的HTTPPOST是不支持文件上传的，给编程开发带来很多问题。但是在1995年，ietf出台了rfc1867,也就是《RFC1867-Form-basedFileUploadinHTML》，用以支持文件上传。所以Content-Type的类型扩充了multipart/form-data用以支持向服务器发送二进制数据。
$('#form').serialize()传值中文乱码
百度之后，给出的方案无外乎两点，一是serialize()本身就对表单数据进行了一次编码，直接传到后台就会导致后台接收到的为乱码。二是ajax中应当设定type:”POST”。三是使用类似于URL中传中文参数出现乱码的解决方案。后台接收到参数时，再嵌套两层URLdecoder进行解码。我尝试了上述三种方案，都没有起到很好的作用。后来多次调试之后，发现方案一其实是有效的，但是要求后台接收到的表单参数是封装到特定实体中的。
使用ajax方法实现form表单的提交(附源码)
一般这种异步的操作，我们都会想到ajax方式，因此在实现了功能后就整理了这篇文章，通过ajax方法实现form表单的提交并进行后续的异步操作。常见的form表单提交方式点击登录按钮后，即触发form表单的提交事件，数据传输至后端，由后端控制页面跳转和数据。ajax实现form提交方式修改完成后代码如下：注意事项在常用方式中，点击的登录按钮的type为”submit”类型；在常用方式中，form的action不为空；ajax方式中需要注意的是$.ajax方法中的参数：dataType和data。
form和ajax的重定向
所以，Ajax的重定向不能是后台直接重定向，而需要配合前端：后台返回一个错误码和要重定向的URL，要求重定向，然后页面根据这个码和URL进行重定向。