1

Web サイトに RSVP ボックスがあり、参加者が来るかどうかに応じてチェックマークまたはバツ印をクリックしてもらいます。現在、SQL データベースを更新する PHP システムを使用していますが、ページがリロードされます。

私はこのコードを試しました：

$(document).ready(function() {
    var options = {
        url: 'process.php',
        type: 'post',
        data: 'attending',
        success: success
    };

    // bind to the form's submit event
    $('.attending').click(function {
        $(this).ajaxSubmit(options);
        return false;
    });

    function success(responseText, $form) {
        $(".attending").hide();
        $(".success").fadeIn();
    } 
});

RSVP ボタンはタグ付きのリンクですが、私はこれに苦労しています。助けていただければ幸いです。

ありがとう

4

2 に答える 2

1

ajaxSubmit 関数はjquery フォーム プラグインの一部です。そのプラグインをページに含めていますか? （質問にjquery-forms-pluginのタグを付けていないので、いいえだと思います）これがjQuery ajaxを初めて使用する場合は、コード行が増えますが、.ajaxメソッドを最初に使用することをお勧めします、そこで何が起こっているのかを理解するために。

于 2012-05-03T08:48:19.050 に答える
0

クリック ハンドラーで関数を宣言した後に角かっこを忘れた場合は、次を試してください。

// bind to the form's submit event
$('.attending').click(function() {
    $(this).ajaxSubmit(options);
    return false;
});

またはさらに良い：

// bind to the form's submit event
$('.attending').click(function(e) {
    e.preventDefault();
    $(this).ajaxSubmit(options);
});
于 2012-05-03T08:47:31.113 に答える