JavaScript（7）：获取表单中的所有name-value的值

原创已于 2023-01-07 10:15:09 修改 · 927 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #java

于 2023-01-04 12:41:53 首次发布

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

该代码段展示了一个JavaScript函数，用于获取HTML表单中的所有非按钮类型输入元素，并将它们的name-value对以key=value1&key=value2的形式拼接起来，最后去掉末尾的&符号。

分析

获取表单中的所有name-value的值
并以key=value1&key=value2的形式拼接

代码

//获取表单中的所有name-value的值
//并以key=value1&key=value2的形式拼接
function getInputElementsData () {
    //获取表单内的元素
    //querySelector()方法仅仅返回匹配指定选择器的第一个元素
    var formElements=document.querySelector("form").elements;

    // 拼接表单数据
    var data = '';
    for (var i = 0; i < formElements.length; i++) {
    	//如果不是按钮
        if(formElements[i].type!='button'&&formElements[i].type!='submit'){
            data += formElements[i].name + '=' + formElements[i].value + '&';
        }
    }

    // 去掉最后一个&
    data = data.substring(0, data.length - 1);

    return data;
}