0

几天来，我一直在搜索示例，试图对我的简单电子邮件注册表单进行故障排除。我试图在不离开或重新加载当前页面的情况下将电子邮件提交到数据库。我能够将新数据插入我的数据库，但不能通过我的 Ajax 函数。我开始认为我的 Ajax 函数没有被调用，因为即使使用该event.preventDefault();函数，我的页面也会被重定向到 .php 文件。我在下面列出了我的脚本，该脚本当前位于<head></head>我的 HTML 部分中。

<script type="text/javascript">
$(document).ready(Function() {
    $("#submitbtn").click(function(event) {

            event.preventDefault();

        var form = $(this),  
            emailcode = form.serialize(),
            formUrl = form.attr('action'),
            formMethod = form.attr('method');
            /* responseMsg = $('#signup-response') */

            if ( formData.length===0 ) {

            function(msg){
            alert('Invalid Email');
            }
            return false;
            } else {

            //send data to server  
            $.ajax({  
                url: formUrl,
                type: formMethod,
                data: emailcode,
                success:function(data){
                alert('Email Saved');
        } 

        return false;
          });
      };
   });
});

HTML

<form class="col-lg-5 form-group pull-right well" id="emailform" action="collector.php" method="POST" style="padding-top:6px;">
      <label for="email-input">Sign up to receive updates</label>
      <input type="email" class="form-control" id="emailcode" placeholder="Email" name="emaildata" autofocus></input>
      <button type="submit" id="submitbtn" class="btn btn-success" style="width:60%">Sign Up</button>
      </form>

PHP 

    $emailcode = $_POST['emailcode'];

            //Fetching from your database table.
            $query = "INSERT INTO EmailCollector (EmailID, EmailCode, Active)
            VALUES (NULL,'$emailcode', 0)";
            $result = mysql_query($query);

    mysql_close();

?>
4

1 回答 1

1

我很快注意到了一件事情。

form = $(this)  //it is holding submit button, not the form
emailcode = form.serialize(),
formUrl = form.attr('action'), //there is no attribute `action` to select because form is holding submit button
formMethod = form.attr('method'); //similarly, there is no attribute method

将您的表单选择器更改为：

form = $('#emailForm')
于 2013-08-09T03:32:38.093 回答