0

我有两个文件试图使用 ajax

这是 test.php 文件的代码

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>

<script type="text/javascript">

    var email = $('#email').val();
    $(document).ready(function(){    
        $("#submit").click(function() {
            $.ajax({
                url:"test1.php", 
                success:function(){
                    alert('');
                }
            });
        });
    });

</script>
</head>
<body>
    <form method="post">
        Email:<input type="text" name="email" id="email" />
        <input type="submit" name="submit" value="submit" id="submit" />
    </form>
</body>
</html>

这是 test1.php 文件的代码

<?php 
    echo "hi";
    exit;
?>

它不工作我无法在成功功能中获得警报

4

3 回答 3

1

将提交按钮类型更改为仅一个按钮。否则，您将在 ajax 触发之前提交表单。

于 2012-06-07T13:36:48.897 回答
0

尝试在函数return false末尾给出 a 。click

var email = $('#email').val();
$(document).ready(function(){
    $("#submit").click(function() {
        $.ajax({
            url:"",
            success:function(){
                alert('');
            }
        });
        return false;
    });
});​

这可能行得通！

于 2012-06-07T13:28:04.267 回答
0

在这种情况下，我会在表单上使用提交事件，因为如果您在提交按钮上绑定点击事件，提交事件仍然会被触发。

看这里的例子

http://api.jquery.com/submit/

于 2012-06-07T13:33:56.137 回答