0

この jquery コードを使用して、サーバーに要求を送信し、サーバーから応答を取得します。ここでは、この応答データでテーブルを更新しています。このプロセスは完全に機能しています。

私の問題は、スクリプトの動作に応じてメッセージを表示する必要があることです。つまり、テーブルが更新されたときに、「読み込み中です。数秒お待ちください」のようなメッセージを表示する必要があります。そして、テーブルを更新した後、「Hurray, you have successfully updated the user table.」のようなメッセージを表示する必要があります。

jqueryでこれを達成する方法を誰か教えてもらえますか?

これは私のコードソファです：

$.ajax({
    type: "POST",
    url: "process.php", 
    dataType: 'html',
    data: { 
        name: $('#name').val(), 
        address: $('#address').val(), 
        city: $('#city').val() 
    },
    success:function(data){
        $('#manage_user table > tbody:last').find('tr:first').before(data);
    },
    error:function (xhr, ajaxOptions, thrownError){
        alert(thrownError);
    }, 
    complete: function(){
        //alert('update success'); 
    }
});

ありがとうございました。

4

2 に答える 2

1

あなたはそれを行うことができます：

$.ajax({
    type: "POST",
    url: "process.php", 
    dataType: 'html',
    data: { 
        name: $('#name').val(), 
        address: $('#address').val(), 
        city: $('#city').val() 
    },
    beforeSend: function(){$('#loading').show();},
    success:function(data){
        $('#manage_user table > tbody:last').find('tr:first').before(data);
    },
    error:function (xhr, ajaxOptions, thrownError){
        alert(thrownError);
    }, 
    complete: function(){
        $('#loading').hide(); 
    }
});

HTML:

<img id="loading" src="loading.gif"/>

CSS:

#loading{display:none}
于 2013-06-28T09:04:44.573 に答える
0

このハンドラーをアタッチして、ajax イベントがトリガーされたときに開始することができます。

$(ドキュメント).ajaxStart(関数() {
         $( ".message" ).text( "テーブルを読み込んでいます " );
    });
完了したハンドラーを使用して、完了したメッセージを表示できるようにします

<pre>$(document).ajaxComplete(function() {
   $( ".message" ).text( "Table Loaded" );
});</pre>
于 2013-06-28T09:09:30.153 に答える