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

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

就可以使用了~

你可能感兴趣的:(javascrip)