php - jquery post 不适用于 HTML 表单

Question

我是 Ajax 的初学者，正在尝试使用 jquery 构建一个简单的 ajax 示例。 由于某种原因，如果我将提交按钮放在表单标签中，我的 $.post 将无法工作。 这是我的 creat_user.php:

<?php
$user_login = $_REQUEST['login_name'];
echo $user_login;
?>

这是我的 html:

<form id='create_user_form'>
    <p><label>Login Name : </label><input type='text' name = 'login_name'></p>
    <p><label>Password : </label><input type='password' name='login_pw'></p>
    <p><label>Re-Enter Password : </label><input type='password' name='login_pw2'></p>
    <p><label>Email : </label><input type='email' name='email'></label></p>
    <p><label>Date of Birth : </label><input type='date' name='date'></p>
    <p><input type='submit' name='submit' id='create' value='create'></p>  
</form>

和 jquery:

$(document).ready(function(){
    $("#create_user_form").submit(function(){
        var serialize = $(this).serialize();
        alert('Here');
        $.post("create_user.php",serialize,function(response){
            alert('Here2');
            alert(response);
            console.log("Response: "+response);
       });
   });
});

由于某种原因，alert('Here2')永远不会被触发，但是如果我将提交按钮从表单标签中移出，它就会起作用，它会起作用。(我确实更改了jquery代码中的选择器并更改了提交( ) 点击() ):

<form id='create_user_form'>
    <p><label>Login Name : </label><input type='text' name = 'login_name'></p>
    <p><label>Password : </label><input type='password' name='login_pw'></p>
    <p><label>Re-Enter Password : </label><input type='password' name='login_pw2'></p>
    <p><label>Email : </label><input type='email' name='email'></label></p>
    <p><label>Date of Birth : </label><input type='date' name='date'></p>         
</form>
    <p><input type='submit' name='submit' id='create' value='create'></p>

那么，如果我将提交按钮放入表单标记中，我的代码是否有任何问题会使 .post() 无法工作？

Answer 1

也许你需要添加

 return false;

在提交事件中？