我试图通过AJAX将表单值发布到php文件。如何收集我的表单值以发送到“data”参数?
$.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>
答案 0 :(得分:125)
答案 1 :(得分:11)
$("#registerSubmit").serialize() // returns all the data in your form
$.ajax({
type: "POST",
url: 'your url',
data: $("#registerSubmit").serialize(),
success: function() {
//success message mybe...
}
});
答案 2 :(得分:5)
答案 3 :(得分:3)
var data={
userName: $('#userName').val(),
email: $('#email').val(),
//add other properties similarly
}
和
$.ajax({
type: "POST",
url: "http://rt.ja.com/includes/register.php?submit=1",
data: data
success: function(html)
{
//alert(html);
$('#userError').html(html);
$("#userError").html(userChar);
$("#userError").html(userTaken);
}
});
你不必为别的事情烦恼。 jquery将处理序列化等。您也可以将提交查询字符串参数submit = 1附加到数据json对象中。
答案 4 :(得分:1)
var username = $('#username').val();
var email= $('#email').val();
var password= $('#password').val();
答案 5 :(得分:0)
尝试此代码。
$.ajax({
type: "POST",
url: "http://rt.ja.com/includes/register.php?submit=1",
data: "username="+username+"&email="+email+"&password="+password+"&passconf="+passconf,
success: function(html)
{
//alert(html);
$('#userError').html(html);
$("#userError").html(userChar);
$("#userError").html(userTaken);
}
});
我认为这肯定会有效..
你也可以使用.serialize()函数通过jquery Ajax发送数据..
i.e: data : $("#registerSubmit").serialize()
感谢。