`
k_lb
  • 浏览: 831699 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论
  • kitleer: 据我所知,国内有款ETL调度监控工具TaskCTL,支持ket ...
    kettle调度

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;
}

分享到:
评论

相关推荐

    jQuery表单插件jquery.form.js(示例源码)

    jQuery Form Plugin能够让你简洁的将...插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制。

    PHP网站编程技术-PHP数据采集.doc

    - 表单属性:`action`属性指定了表单提交的PHP脚本地址,`method`属性定义了数据提交的方式,通常为"post",`enctype`属性用于设置数据编码类型,这里是"multipart/form-data",适合文件上传。 2. **数据验证**: ...

    模拟HTTP请求实现网页自动操作及数据采集的方法

    在现代的网络应用中,模拟HTTP请求...通过以上内容的介绍,我们可以了解到模拟HTTP请求在网页自动操作和数据采集中的重要性,以及实现该功能所需的关键技术和方法。掌握这些知识点,有助于我们更加高效地处理网络数据。

    开发技术-Web开发面向Web表单的信息抽取通用模型.zip

    4. 数据解析:根据表单元素的类型和用户输入,构建解析规则或使用机器学习方法进行动态解析。例如,对于日期字段,可能需要特定的日期格式转换;对于选择列表,需要获取选中的值。 5. 异常处理和验证:考虑到网页...

    Tduck填鸭在线收集系统 v3.0 前端源码.zip

    Tduck填鸭在线收集系统是一款专为数据采集与管理设计的软件工具,其前端源码是整个系统的重要组成部分,负责用户界面的展示和交互。在本文中,我们将深入探讨这款系统v3.0版本的前端源码,揭示其设计理念、技术架构...

    HTML5 实战PHP之Web页面表单设计

    通过JavaScript或PHP,我们可以处理表单的提交事件,比如验证用户输入的数据,然后发送到服务器。 在实际的PHP实现中,表单数据可以通过`$_POST`超全局变量获取。例如,`$_POST['name']`、`$_POST['email']`和`$_...

    使用AJAX实现UTF8编码表单提交到GBK编码脚本无乱码的解决方法

    通过以上方法,我们可以成功地使用AJAX实现UTF8编码的表单提交到GBK编码的脚本,同时也能处理不同编码的表单数据。这在进行数据采集或者处理来自不同编码环境的数据时,显得尤为重要。记得在实际应用中进行充分的...

    bio-data:可自定义HTML表单,提示您填写生物数据

    这个系统允许用户根据自定义的需求来创建适应性强、交互性高的数据采集表单。 在HTML5中,表单是网页互动的重要组成部分,它提供了收集用户输入信息的功能。通过使用HTML5的表单元素,如`&lt;form&gt;`、`&lt;input&gt;`、`...

    高校通用信息统计平台

    【高校通用信息统计平台】是一个基于Java和JavaScript技术开发的毕业设计项目,旨在构建一个能够进行数据采集、处理和管理的平台,适用于高等教育机构的信息统计需求。该项目的核心功能包括信息表单的创建、数据导出...

    login登录界面

    接下来,我们转向JavaScript部分,JS负责处理表单提交、验证用户输入和与服务器交互等任务。以下是一个基础的JavaScript代码片段,它监听表单的提交事件,并阻止默认的页面重载行为: ```javascript document....

    颜色快速采集器javascript代码

    【颜色快速采集器javascript代码】是一种实用的网页开发工具,它允许用户快速选取并查看不同颜色的十六进制代码。这个简单的程序通过JavaScript实现,可以方便网页设计师和开发者在设计过程中选择合适的颜色方案。 ...

    Javascript弹窗代码大收集

    ### JavaScript弹窗代码知识点解析 #### 一、基础弹窗函数 在提供的代码片段中,首先展示了一个较为简单的弹窗函数实现方式: ```javascript function openwin() { window.open('page.html', '', 'width=200,...

    Intellir 管理系统模板

    这些图表通常基于JavaScript库,如Chart.js或Highcharts,能够动态更新数据并提供丰富的交互性。 8. **排版:typography.html** 排版涉及到文本样式、段落、标题等,是网页设计的重要方面。Intellir模板提供了一套...

    python入门到高级全栈工程师培训 第3期 附课件代码

    08 form表单之select标签 09 table标签 第38章 01 css的四种引入方式 02 css的四种基本选择器 03 css的组合选择器 04 css的属性选择器 05 css的伪类 06 css的选择器优先级 07 css的背景属性 第39章 01 css的文本...

    cityoflondonsurveyproject:伦敦市数据收集

    HTML标签如`&lt;form&gt;`用于创建表单,`&lt;input&gt;`定义输入字段,`&lt;label&gt;`关联表单元素和文本,`&lt;button&gt;`创建交互按钮,而`&lt;table&gt;`、`&lt;th&gt;`、`&lt;tr&gt;`和`&lt;td&gt;`则用于组织和展示数据。 此外,项目可能还涉及CSS...

    screen-scraping:Nodejs ile屏幕抓取

    屏幕抓取,也被称为网页抓取或Web抓取,是一种技术,用于自动从网站上提取大量数据。在本文中,我们将深入探讨如何使用Node.js,一个基于Chrome V8引擎的JavaScript运行环境,来实现这一目标。Node.js因其非阻塞I/O...

    2020学年第一学期网页设计与制作期末考试试卷(A卷) 19电商3.docx

    21. **表单对象**:表单对象如文本框、按钮等必须放在&lt;form&gt;标签内才能正常工作。 22. **验证码**:验证码通常以图像形式显示,由服务器生成,用于防止自动化的机器人或恶意软件。 23. **Flash元件**:Flash元件...

    淘特Asp Cms 6.5.rar

    淘特AspCMS系淘特网根据自有平台基础上并参考国内外优秀CMS功能特点而开发的一套基于ASP语言的内容管理系统,该系统拥有出色的性能,产品上线前经过高负荷的压力测试和连接并发测试,...自定义FORM表单 流量统计分析

    Java实现视频网站的视频上传及视频播放功能.docx

    表单提交时,`&lt;form&gt;`标签的`enctype`属性需设置为`multipart/form-data`,以允许文件作为二进制数据上传。服务器端,通过HttpServlet或Controller接收文件,并将其存储到服务器的特定目录或云存储服务。 其次,...

    formularioCadastro16032021

    "formularioCadastro16032021" 这个标题和描述可能指的是一个特定的HTML表单(formulario)创建于2021年3月16日,用于用户注册或信息采集。HTML(HyperText Markup Language)是构建网页内容的基础语言,用于描述...

Global site tag (gtag.js) - Google Analytics