ijava学习网> 知识分享> JS框架> Jquery取出所有的form表单参数

Jquery取出所有的form表单参数

时间: 2018-09-10 15:42:38 标签jQuery

表单: 

第一种获取form中数据的方法:

new FormData($('#uploadForm')[0])用法与$("#handle-form").serialize()差不多,就是 可以上传文件但是对于jquery的要求是, 版本1.8及其以上方可支持。

注意:按钮type非submit,而是buttern,Action 为空或无。

 var handle-form = $("#handle-form").serialize();
$.ajax({
url: "",
type: "post",
contentType: "application/json; charset=utf-8",
data: $("#handle-form").serialize();,
dataType: "json",
success: function (data) {

第二种获取form中数据的方法:

注意:按钮type非submit,而是buttern,Action 为空或无。

 var formSerial = {};
    $($("#handle-form").serializeArray()).each(function(){
    formSerial[this.name] = this.value;
    });

             var fromValue = JSON.stringify(formSerial)
$.ajax({
url: "",
type: "post",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(formSerial),
dataType: "json",
success: function (data) {

}

form表单提交的几种方法:

 一.表单提交

<input type=’submit’ value=’登陆'/>

 二.Ajax提交form表单

$('#loginForm').submitForm({
           url: "/login",
           dataType: "text",
           callback: function (data) {
             
               }
           },
           before: function () {
             
           }
       }).submit();

三.form表单提交附件

需要设定form的enctype="multipart/form-data"并且添加
  //jQuery提交  
       $("#jqueryBtn").click(function(){  
           $("#loginForm").submit();  
       })
     //ajax提交  
       $("#ajaxBtn").click(function() {  
           var params = $("#loginForm").serialize();  
           $.ajax( {  
               type : "POST",  
               url : "RegisterAction.action",  
               data : params,  
               success : function(msg) {  
                   alert("success: " + msg);  
               }  
           });  
       })    //js提交  
       $("#jsBtn").click(function(){  
           document.loginForm.action="RegisterAction.action";    
           document.loginForm.submit();  
 
       })

        //js提交  
       $("#jsBtn").click(function(){  
             document.getElementById('').submit();
       })

 


 

 

 

 

                         

版权说明| 关于ijava| 合作伙伴| 联系我们| 网站地图| 招贤纳士

Copyright © 2017 www.ijava.com All Rights Reserved 版权所有•ijava学习网 京ICP备14061482号-18         官方QQ:3325669927

ijava学习网提供免费java教程和大量java面试题库,给高级会员提供免费的java培训,同时提共一些java开发项目和java下载,java工程师,java菜鸟们快来哦。记住我们的网站:www.ijava.com