form表单数据的自动采集的js方法

 

说到form数据的自动采集,

大家一定会想到用struts,

又或者ext的相关功能,

 

而我在一个项目中,遇到一种情况,需要通过jquery的ajax的方式提交表单,

所以我需要把表单中的数据,自动采集然后放入ajax的参数列表中。

下面给出自己写的这段js,原理很简单,希望对大家有所帮助:

function getFormParaList()
{
 
 var items =document.forms[0].elements;
 var map={};
 if(items)
 {
  for(var i=0;i<items.length;i++)
  {
   if(items[i].name)
   {
    
    if(map[items[i].name]!=undefined)//多个tag同name的情况。这种情况,需要在后台自己手动解析还原成多个.目前暂时用,隔开。
    {    
     map[items[i].name]+=","+items[i].value;        
    } 
    else
     map[items[i].name]=items[i].value;
    
   }
  }
 }
 return map;
}

时间: 2024-10-26 22:24:46

form表单数据的自动采集的js方法的相关文章

Form表单数据自动填充的问题

问题描述 应用很简单明了,就是将一个需要修改的员工信息传递到一个页面然后自动把已存在的数据填写到合适的位置,然后供人修改问题:后台数据可以得到,可是无法将数据绑定到指定控件上代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>MyExtFullForm.html</title> <meta htt

ASP.NET中实现Form表单字段值自动填充到操作模型中

  这篇文章主要介绍了ASP.NET中实现Form表单字段值自动填充到操作模型中,本文模仿MVC模式中的自动映射表单了模型,使用泛型和反射实现,需要的朋友可以参考下 我们知道ASP.NET MVC有个强大的地方就是Form表单提交到action的时候,可以直接将Form的参数直接装配到action的参数实体对象中 比如 代码如下: action方法 Register(UserModel userModel) { ............................. } 在提交表单的时候,会

有关servlet获取form表单数据的异步刷新问题

问题描述 有关servlet获取form表单数据的异步刷新问题 servlet如何实现从form表单获取数据条件是异步提交的方式,有大神发个简单的小例子小弟感激不禁!!谢谢了 解决方案 可以用ajax异步请求,jquery插件提供了ajax的实现.异步提交可以通过js来提交,而不是表单按钮提交,提交路径就是某个Servlet.参考:http://blog.csdn.net/bravezhe/article/details/8249889

Jquery判断form表单数据是否变化_jquery

本文实例为大家分享了Jquery判断form表单数据是否变化的三大步骤,供大家参考,具体内容如下 1.思路为:修改时点击一行datagrid,并进行页面跳转数据绑定,在提交form时,序列号form表单,并重新获取datagrid选中的行数据,进行数据比较.</span>  /** * 判断form内属性值是否被修改 * * @param jsonForm 对应修改的form序列化后的json数据 * @param row 对应datagrid选中的数据源 * * @Return true 存

Java 中 Form表单数据的两种提交方式_java

1 GET - 从指定的服务器中获取数据 1.1 GET方法 使用GET方法时,查询字符串(键值对)被附加在URL地址后面一起发送到服务器,例如:http://localhost:8080//customer/customer_info?res=json&mt=0&custId=1 1.2 特点 (1) GET请求能够被缓存 (2) GET请求会保存在浏览器的浏览记录中 (3) 以GET请求的URL能够保存为浏览器书签 (4) GET请求有长度限制(不能多于1024字节) (5) GET请

Form表单按回车自动提交表单的实现方法_javascript技巧

1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交. <form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form> 如果不想让其自动提交可以这样做: 再添加一个<input type=

ThinkPHP提交表单时默认自动转义的解决方法_php实例

本文实例讲述了ThinkPHP提交表单时默认自动转义的解决方法.分享给大家供大家参考.具体方法如下: 一.问题: 在ThinkPHP中提交表单插入数据的时候,单引号和双引号是会被自动转义的,就是会自动的加上反斜线,但是我不想给单引号和双引号加上反斜线. 在ThinkPHP中提交表单插入数据的时候,单引号和双引号是会被自动转义的,就是会自动的加上反斜线,但是我不想给单引号和双引号加上反斜线,在ThinkPHP中提交表单插入数据的时候,单引号和双引号是会被自动转义的,就是会自动的加上反斜线,但是我不

jQuery实现form表单元素序列化为json对象的方法_jquery

本文实例讲述了jQuery实现form表单元素序列化为json对象的方法.分享给大家供大家参考,具体如下: 这段代码序列化form表单元素为json对象: <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <title>jQuery扩展--form序列化到json对象</title> <meta http-equiv=Content-Type content=&

ASP.NET中实现Form表单字段值自动填充到操作模型中_实用技巧

我们知道ASP.NET MVC有个强大的地方就是Form表单提交到action的时候,可以直接将Form的参数直接装配到action的参数实体对象中 比如 复制代码 代码如下: action方法 Register(UserModel userModel) {    ............................. } 在提交表单的时候,会自动讲表单里面的字段封装到对应的UserModel字段里面 那么 WebForm里面可不可以也紫将呢? 因为每次都要去获得数据,优秀的程序员应该要学会