未定义字段 javascript 循环

Question

我正在尝试将 ajax 与我正在处理的表单一起使用，为此我正在构建一个帖子字符串， 看起来像这样：field_name=field_value&field_name=field_value 等等..

我无法弄清楚“未定义”的来源。看看这个截图

如果你仔细看，你会看到我正在使用的循环，输出“undefinedemail=Emailpassword=Password”而不是“email=Email&password=Password”

这是我正在使用的表单和 javascript 的精简版：

<form id="signup_form" enctype="multipart/form-data" action="register.php" method="post">
<input name="email" type="text" value="Email"/>
<input name="password" type="text" value="Password"/>
<input name="email_confirm" type="text"  value="Confirm Email"/>
<input name="password_confirm" type="text" value="Confirm Password"/>
<input name="first_name" type="text" value="First Name"/>
<input name="country" type="text" value="Country"/>
<input name="birthday" type="text" value="Birthday DD/MM/YYYY"/>
<input name="last_name" type="text" value="Last Name"/>
<input name="city" type="text" value="City"/>
<input name="profession" type="text" value="Profession"/>
<input type="radio" name="gender" value="Male"><span>Male</span>
<input type="radio" name="gender" value="Female"><span>Female</span>
<input type="checkbox" name="user_type" value="User type" /><span>Checkbox</span>
<button type="submit" name="submit" class="" id="submit">Sign up</button>
</form>

javascript：

var post_string;
var input = document.forms["signup_form"].getElementsByTagName("input");
for(var i = 0; i < input.length; i++) { 

post_string += input[i].name + "=" + input[i].value;
if(i > 0 && i < input.length) { post_string += "&"; }

}

感谢您的帮助！

Answer 1

您确实忘记使用空字符串初始化您的累加器变量，因此您第一次将其评估的内容附加到 undefined。使用

var post_string = "";

Answer 2

看起来好像您将post_string 声明为未定义变量，而不是将其声明为空字符串，例如var post_string = "".

这意味着，对于post_string 的第一次查找，它会返回未定义的变量。