jQuery-获取Ajax POST的表单值

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在尝试通过AJAX将表单值发布到php文件中。如何收集表单值以发送到“数据”参数内部？

$.ajax({
        type: "POST",
        data: "submit=1&username="+username+"&email="+email+"&password="+password+"&passconf="+passconf,
        url: "http://rt.ja.com/includes/register.php",
        success: function(data)
        {   
            //alert(data);
            $('#userError').html(data);
            $("#userError").html(userChar);
            $("#userError").html(userTaken);
        }
    });

HTML：

<div id="border">
  <form  action="/" id="registerSubmit">
    <div id="userError"></div>
      Username: <input type="text" name="username" id="username" size="10"/><br>
      <div id="emailError" ></div>
      Email: <input type="text" name="email" size="10" id="email"/><br>
      <div id="passError" ></div>
      Password: <input type="password" name="password" size="10" id="password"/><br>
      <div id="passConfError" ></div>
      Confirm Password: <input type="password" name="passconf" size="10" id="passconf"/><br>
      <input type="submit" name="submit" value="Register" />
  </form>
</div>

回答：

使用序列化方法：

$.ajax({
    ...
    data: $("#registerSubmit").serialize(),
    ...
})

文件：serialize（）

以上是 jQuery-获取Ajax POST的表单值 的全部内容， 来源链接： utcz.com/qa/432004.html

回到顶部