0

所以我有一个问题，当我使用 $.cookie jquery 插件时，我认为我的表单似乎通过提早提交而提交错误。

所以我的表格是：

<?php
    echo form_open($this->uri->uri_string(), 'class="ajax_email_submission"');
    ?>
    <div id="email_newsletter_signup" class="ajax_email_block_signup" >
        <h3>Sign up to the newsletter:</h3>
        <?php echo form_error('signup_email','<div id="email_error" class="error">','</div>');?>
        <h3>email: <input id="users_email_address" type="email" name="signup_email" value="<?php echo set_value('signup_email'); ?>" placeholder="Your email"/> </h3>

        <input id="email_submit" type="submit" name="submit"/>
    </div>
    <?php
    echo form_close();
?>

JS是

$(document).ready(function()
{    
    $('#email_submit').click(function() 
    {
        alert('1');
        var form_data = 
        {
           users_email: $('#users_email_address').val(),
           csrf_test_name: $.cookie('csrf_cookie_name')
        };
        alert('2');
        $.ajax
        ({
            url: 'NewsLetter/submit',
            type: 'POST',
            data: form_data,
            success: function(msg)
            {
                alert('success');
            },
            error: function(msg)
            {
                alert('error');
            }
        });

        return false;
    });
});

该方法存在，如果我输入 localhost/myzone/NewsLetter/submit 方法提交工作正常。

当我查看 codeigniter Router 类时，我发现 $_POST 变量包含：

$_POST  array[3]        
ci_csrf_token   string  "3dad64d9aaaaaaaaaaaaaad2082ae55c"  
signup_email    string  "mail@cheeeese.com" 
submit  string  "Submit"

提交的 URI 是 localhost/myzone/NewsLetter，因为提交是在帖子中，而不是 URI，所以我被发送到 index 方法而不是 submit 方法。

此外，您可能会注意到 JS 中发生的事情alert('1')和alert('2'). 只alert('1')显示我不知道为什么会发生这种情况！

非常感谢所有帮助

谢谢

4

1 回答 1

0

您不是通过 ajax 而是通过 POST 方法提交表单。如果您想在提交之前做一些事情，请添加

event.preventDefault()

到您的点击功能。喜欢

$('#email_submit').click(function(event) 
{
    event.preventDefault();

    //all your calculations and ajax than
}

不会提交任何表单，您将推送您的 ajax 请求

于 2013-09-05T18:38:02.597 回答