项目总结之 —— form表单传参

简介:
  1. form表单序列化传参

    1.1 在url之后拼接字符串

1
2
3
4
5
6
7
8
var paramer = searchform.serializeArray();
var _formData={};
if($(paramer).length>=1){
     var data = "";
     for(var m=0;m<$(paramer).length;m++){
         data += "&"+paramer[m].name+"="+paramer[m].value;
     }
}

  2.2 对象传参

1
2
3
4
5
6
7
8
9
10
11
12
13
var paramer = searchform.serializeArray();
var _formData={};
if($(paramer).length>=1){
     for(var m=0;m<$(paramer).length;m++){
         var tmpstack={};
         if(_formData[paramer[m].name]){
             _formData[paramer[m].name]+=(","+paramer[m].value);
         }else{
             tmpstack[paramer[m].name]=paramer[m].value;
             $.extend(_formData,tmpstack);
     }
     }
}

2.对象转字符串拼接到url后面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var  _urls = window.location.protocol +  "//"  + window.location.host;
 
var  paramer = $( "#form" ).serializeArray();
var  _formData={};
if ($(paramer).length>=1){
     for ( var  m=0;m<$(paramer).length;m++){
         var  tmpstack={};
         if (_formData[paramer[m].name]){
             _formData[paramer[m].name]+=( "," +paramer[m].value);
         } else {
             tmpstack[paramer[m].name]=paramer[m].value;
             $.extend(_formData,tmpstack);
     }
     }
}
for ( var  key  in  _formData){
     _urls += (key+ "=" +paramer[key]+ "&" );
}



本文转自 爱笑嘚蛋蛋 51CTO博客,原文链接:http://blog.51cto.com/dd118/1870191,如需转载请自行联系原作者
相关文章
|
1月前
跳转传参的方式
跳转传参的方式
|
5月前
|
JavaScript
页面跳转及传参
页面跳转及传参
|
5月前
SpringMVC之综合案例:参数传递,向页面传参,页面跳转
SpringMVC之综合案例:参数传递,向页面传参,页面跳转
25 0
|
5月前
POST请求传递参数(十一)
POST请求传递参数(十一)
|
6月前
|
JavaScript
jQuery带参跳转新页面,新页面获取url多个参数的办法
jQuery带参跳转新页面,新页面获取url多个参数的办法
26 0
|
6月前
|
JavaScript 前端开发
跳转传参有几种方式
跳转传参有几种方式
33 0
|
9月前
|
小程序 数据安全/隐私保护
小程序封装form表单
本文主要介绍了如何封装一个表单组件,在封装表单组件时,我们需要定义组件属性和方法、组件模板和组件样式,以确保组件能够在页面中正常使用。通过本文的介绍,希望能够更好地帮助大家理解表单组件的封装方式,并在实际项目中应用。
139 0
|
10月前
|
前端开发
React 跳转页面 传递传递参数,并获取参数
React 跳转页面 传递传递参数,并获取参数
121 0
|
JSON 前端开发 数据格式
SpringMVC学习笔记(获取参数,传递参数——关于前后端传参交互的总结、from表单、Ajax数据提交))(下)
SpringMVC学习笔记(获取参数,传递参数——关于前后端传参交互的总结、from表单、Ajax数据提交))(下)
|
前端开发 Java API
SpringMVC学习笔记(获取参数,传递参数——关于前后端传参交互的总结、from表单、Ajax数据提交))(上)
SpringMVC学习笔记(获取参数,传递参数——关于前后端传参交互的总结、from表单、Ajax数据提交))(上)
143 0