jquery ajax发布电子邮件字段

时间:2015-03-04 20:37:27

标签: javascript php jquery ajax

我不确定为什么我无法发布电子邮件字段的内容,

这是我的代码。

<html>
<head>
    <title></title>
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
</head>
<body>
    <input type="text" id="email" name="email">
    <input type="button" id="submit" name="submit" value="submit">
</body>

<script type="text/javascript">

$(document).ready(function () {

    $('#submit').click(function (event) {
        var email = $('#email').val();
        console.log(email),
        $.ajax({
            url: 'db.php',
            type: 'POST',
            data: 'email=' + 'email',
            success: function (data) {
                console.log(data);
            }
        })
    });

});

</script>
</html>

后端文件&#34; db.php&#34;

 <?php  
 $email = $_POST['email'];
 echo "$email";

我能够在提交给db.php之前控制.log电子邮件并正确显示。

控制台日志返回&#34;电子邮件&#34;只要。

不确定什么是错的,非常感谢您的帮助。

谢谢

2 个答案:

答案 0 :(得分:5)

您要发送字符串"email",而您想发送变量值:

$.ajax({
    url: 'db.php',
    type: 'POST',
    data: 'email=' + email, // or data: {email: email}
    success: function (data) {
        console.log(data);
    }
});

答案 1 :(得分:0)

使用它会有帮助

&#13;
&#13;
<script type="text/javascript">

$(document).ready(function () {

    $('#submit').click(function (event) {
        var email = $('#email').val();
        console.log(email),
        $.ajax({
            url: 'db.php',
            type: 'POST',
            data: {email: email},
            success: function (data) {
                console.log(data);
            }
        })
    });

});

</script>
&#13;
&#13;
&#13;