jQuery的 - 获取表值AJAX POST [英] jQuery - Getting form values for ajax POST

问题描述

我想通过AJAX发布的形式值的PHP文件。如何领取我的表值发送数据参数里面？

  $。阿贾克斯（{
        键入：POST，
        数据： "submit=1&username="+username+"&email="+email+"&password="+password+"&passconf="+passconf,
        网址：http://rt.ja.com/includes/register.php
        成功：函数（数据）
        {
            //警报（数据）;
            $（'＃userError'）的HTML（数据）。
            $（＃userError）HTML（userChar）;
            $（＃userError）HTML（userTaken）;


        }
    }）;
 

HTML：

 ＆LT; D​​IV ID =边境＆GT;
            ＆LT;形式的行动=/ID =registerSubmit＆GT;
            ＆LT; D​​IV ID =userError＆GT;＆LT; / DIV＆GT;
            用户名：LT;输入类型=文本名称=用户名ID =username的大小=10/＆GT;＆LT; BR＆GT;
            ＆LT; D​​IV ID =emailError＆GT;＆LT; / DIV＆GT;
            电子邮件：LT;输入类型=文本名称=电子邮件大小=10ID =电子邮件/＆GT;＆LT; BR＆GT;
            ＆LT; D​​IV ID =passError＆GT;＆LT; / DIV＆GT;
            密码：＆LT;输入类型=密码NAME =密码大小=10ID =密码/＆GT;＆LT; BR＆GT;
            ＆LT; D​​IV ID =passConfError＆GT;＆LT; / DIV＆GT;
            确认密码：＆LT;输入类型=密码NAME =passconf大小=10ID =passconf/＆GT;＆LT; BR＆GT;
                    ＆LT;输入类型=提交名称=提交值=注册/＆GT;

            ＆LT; /形式GT;
        ＆LT; / DIV＆GT;
 

解决方案

使用的序列化方法：

  $。阿贾克斯（{
    ...
    数据：$（＃registerSubmit）序列化（）。
    ...
}）
 

I am trying to post form values via AJAX to a php file. How do I collect my form values to send inside of the "data" parameter?

$.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>

解决方案

Use the serialize method:

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

这篇关于jQuery的 - 获取表值AJAX POST的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！