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

来源：互联网发布：好看的武侠小说知乎编辑：程序博客网时间：2024/06/04 18:18

在用到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;                }

url = url+"?"+postString;

就可以使用了~

阅读全文

0 0