JavaScript获取form表单中的数据以及拼接传参

最新推荐文章于 2021-07-13 11:43:44 发布

原创最新推荐文章于 2021-07-13 11:43:44 发布 · 4.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #url

JavaScript 专栏收录该内容

32 篇文章

订阅专栏

在用到js原生xmlhttprequest 或者 ajax做数据提交时，我们需要给地址url后面拼接参数或者直接post发送，那么如果表单比较庞大时如果用逐个获取就比较耗时费力了，怎么获取并且传值，下面采用遍历表单中的元素然后以键值对的方式获取元素value的方法实现。

function formValue(formId){
         var formObj = document.getElementById("formId");
         var name, value, postString=" ";
         var url = "http://localhost:3000/ajax/test";
         if (formObj.elements.length) {
             for (var i=0; i<formObj.length; i++ ){
                  var singleObj = formObj[i];      
                                            if(singleObj.type != "reset" && singleObj.type != "submit"){
                                 if(singleObj.type=="radio"||obj.type=="checkbox"){
                            if(singleObj.checked){
                                name=singleObj.name;
                                value=singleObj.value;
                                            postString=postString+name+"="+value+"&";
                                    }
                                }else{
                                    name=singleObj.name;
                                    value=singleObj.value;
                                    postString=postString+name+"="+value+"&";
                                }
                            }
                        }

                    }
                    return postString;
                }