JS获取表单所有元素（键值对方式）

PierreLuo

于 2015-05-04 22:38:47 发布

阅读量6.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： JS 表单键值 AJAX

本文链接：https://blog.youkuaiyun.com/u014716149/article/details/45487811

JS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种将同步表单提交转换为异步AJAX提交的方法，通过自定义标签和JavaScript函数实现了对表单数据的提取及异步提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1年前接到一个项目，需要把项目内所有同步提交的表单改造为异步AJAX提交，当然不可能大量更改原有代码，采用的思路是，form提交时，在onsubmit方法中采用AJAX完成提交动作。实现方式为编写自定义标签。在此实现过程中，AJAX传参需要取出form表单中所有的键值，于是，就有了下面的代码：

function getFormValue(fromId){//传入表单ID
    var frm=document.getElementById(fromId);//获取表单对象
    var name,value,row="";
    if(frm.elements.length){
        for(var i=0;i<frm.length;i++){//遍历每个表单元素
            var obj=frm[i];
            if(obj.type!="submit"&&obj.type!="reset"&&obj.type!="button"){
                if(obj.type=="radio"||obj.type=="checkbox"){
                    if(obj.checked){
                        name=obj.name;
                        value=obj.value;
                        row=row+name+"="+value+"&";
                    }
                }else{
                    name=obj.name;
                    value=obj.value;
                    row=row+name+"="+value+"&";
                }
            }
        }
    }
    return row;
}