0

ユーザーがメニューをクリックすると、次のコードを使用して、メニュー$.load()がリンクされたコンテンツになります。

$(function() {
    $('#menu a').click(function() {
        $('#content').load(this.href);  
        return false;
    });
});

OK、フォームが読み込まれました。まだ問題があります。actionフォームが送信されたとき、その結果が実際の住所につながるわけではありません。だから私は次のコードを使用しています：

$('#content').on('submit', function() { // catch the form's submit event
    alert('begin');
    $.ajax({ // create an AJAX call...
        data: $(this).serialize(), // get the form data
        type: $(this).attr('method'), // GET or POST
        url: $(this).attr('action'), // the file to call
        success: function(response) { // on success..
            alert('aaaa');
            $('#content').html(response); // update the DIV
        }
    });
    return false; // cancel original event to prevent form submitting
});

残念ながらon、呼び出されず、alert('begin');機能しません!

jquery送信フォームのおかげで、既存のdivに結果を表示します

4

1 に答える 1

0

私はコードの最初のピースを入力しましたが$(document).ready(function() {});、それは非常に完璧に機能していますが、2 番目のコードはドキュメントの準備ができていないと機能しませんでした。

しかし、なぜ？知らない。

現在動作する最終的なコードは次のとおりです。

$(document).ready(function()
{
    $('#content').on('submit', 'form', function() { // catch the form's submit event
        alert('begin');
        $.ajax({ // create an AJAX call...
            data: $(this).serialize(), // get the form data
            type: $(this).attr('method'), // GET or POST
            url: $(this).attr('action'), // the file to call
            success: function(response) { // on success..
                $('#content').html(response); // update the DIV
            }
        });
        return false; // cancel original event to prevent form submitting
    }); 

});

お試しいただきありがとうございます。

于 2013-03-19T16:59:03.437 に答える