0

jQuery と ajax を使用して URL のコンテンツをコンテンツ div にロードすることにしました。

本当にうまく機能し、地獄のように気の利いたものです。今、私はこのコンテンツを見て、送信時に作成したコンテンツ div 内に送信されないフォームが多数あることに気付きました。

このプロセスを合理化する唯一の方法は、各フォーム送信を動的に処理するために、非常に大きな JS ファイルを作成することです。

このアプリには多くのフォームがあると考えてください。コンテンツ div 内でページをリロードせずにフォームを送信する良い方法を考えようとしていますが、少なくともその背後にあるファイルに何らかの構造を維持しています。

どんな提案でも大歓迎です。

私が基本的なレベルで何をしているかのアイデアとして、以下のコード スニペットを見てください。

$(document).ready(function(){

    $('a').bind('click', function(e) {        
    $("#content").html('<img src="images/ajax-loader-small.gif">');   
      var url = $(this).attr('href');
      $('#content').load(url); // load the html response into a DOM element
      e.preventDefault(); // stop the browser from following the link       
    }); 

});
4

1 に答える 1

1 
$.ajax(), $.post(), $.get(), $.postJSON(), $getJSON()

私が思うに、このシナリオであなたのフレンドリーな機能はありますか。基本的に行うことは、フォームの既存の送信ボタンのクリック機能を作成することです..

$('#mysubmitbutton').live('click', function(e)
{
    e.preventDefault();
    $.post('url/to/post/data', $('#form').serialize(), function(data)
    {
         alert('post made');
    }, 'json');
});

もちろん、必要に応じて、フィールドが空白の場合、php エラーの場合、すべてが正常で、今すぐ新しいページに送信したい場合、またはフィールドをクリアしたい場合など、必要に応じてより複雑になります。など..これらの機能ですべてが可能ですが、すべてをカバーするには長い時間がかかります.この概念は、ゲートを押し出すだけです.上記のリスト/例から選択した機能の問題。

于 2012-08-06T19:26:13.357 に答える