form 表单序列化参数,ajax提交

简介:

①form表单的参数序列化后,然后提交。

1
2
3
4
5
6
7
8
9
10
11
12
$.ajax({
     type:  'post' ,
     url:$form1.attr( "action" ),
     data:$form1.serializeArray(), //序列化参数
     dataType: "json" ,
     success: function(json){
             if ( "200"  == json.statusCode){
         } else {
             alertMsg.warn(json.message);
         }
     }
});

②form表单的onsubmit( ) 就是在提交按钮的同时进行的操作。通过我们有回调验证等。

1
onsubmit= "return validateCallback(this, dialogAjaxDone)"





      本文转自建波李 51CTO博客,原文链接:http://blog.51cto.com/jianboli/1950543,如需转载请自行联系原作者

相关文章
|
JSON 前端开发 Java
表单数据序列化,后台如何接收(java)
表单数据序列化,后台如何接收(java)
|
2月前
|
XML 前端开发 JavaScript
php中Ajax的简单使用,登录表单调用Ajax判断是否正确登录利用layer.msg进行提示
本文介绍了在PHP中如何使用Ajax进行登录表单的数据提交,并利用jQuery的$.post()方法与后端通信,以及使用layer.msg进行前端提示。
php中Ajax的简单使用,登录表单调用Ajax判断是否正确登录利用layer.msg进行提示
|
3月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
173 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
4月前
|
XML JSON 前端开发
ajax中各个参数的含义是什么?
实际上,jQuery的 `$.ajax()` 方法支持比这个列表更多的参数,但这些是最常用的。请根据您的特定需求灵活配置这些参数。了解每个参数的作用和可接受的值对于有效地使用AJAX非常关键,能够帮助您建立健壮的交互式网页应用。
44 0
|
6月前
|
XML JSON 前端开发
ajax中各个参数的含义是什么?
ajax中各个参数的含义是什么?
|
6月前
|
前端开发 JavaScript
|
6月前
|
Web App开发 前端开发 JavaScript
AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
72 0
|
存储 前端开发 JavaScript
HTTP进阶,Cookie,响应的回报结果含义,ajax,form表单,不同状态码代表的结果
HTTP进阶,Cookie,响应的回报结果含义,ajax,form表单,不同状态码代表的结果
HTTP进阶,Cookie,响应的回报结果含义,ajax,form表单,不同状态码代表的结果
|
6月前
|
前端开发 JavaScript
解决Ajax发送DELETE请求时后台无法接收到参数的问题(Restful风格)
解决Ajax发送DELETE请求时后台无法接收到参数的问题(Restful风格)
179 0
|
XML JSON JavaScript
JQuery ajax 参数详解
JQuery ajax 参数详解
85 0