0

ajaxを使用しようとしている2つのファイルがあります

ここに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

この場合、送信ボタンでクリックイベントをバインドすると、送信イベントが引き続きトリガーされるため、フォームの送信イベントを使用します。

こちらの例をご覧ください

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

于 2012-06-07T13:33:56.137 に答える
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 に答える