2011-05-18 12 views
1

私の更新ボタンとjquery ajaxに問題があります。今すぐ更新ボタンをクリックすると、更新されたデータをデータベースに保存します。私の目標は、更新が成功した場合にメッセージをスライドさせたいということです。私はajax投稿を見ていて、成功イベントを使用するとうまくいくように思えますが、それをどのように組み込むのか分かりません。どうすればいい?このようなものでしょうか?jquery ajaxの成功イベントのヘルプ

 $(document).ready(function(){ 
     $('#divSuccess').hide(); 

     $('#btnUpdate').click(function() { 
     alert('button click'); 
      $.ajax({ 
        url: "test.aspx", 
        context: document.body, 
        success: function(){ 
        $('#divSuccess').show("slide", { direction: "down" }, 3000); 
        $('#divSuccess').hide("slide", { direction: "down"}, 5000); 
        } 
       }); 
     }); 
    }); 
+0

サーバー言語とは何ですか? –

+0

なぜそんなに複雑ですか?あなたの最初の試みのために、あなたは単純な警告ボックスを使うべきです。それが動作する場合は、デフォルトのvisibilyがhiddenのシンプルなdivを作成します。成功イベントでは、このオブジェクトを切り替える(.show()を使用) – reporter

+0

私は現在vb – bolo

答えて

0

成功イベントを処理する方法の例については、questionを参照してください。お役に立てれば!

0
$("#targetDiv").load("page.php",$("#form").serializeArray(),function (response) 
      { 
       if (response == '0' && response != '') 
       alert('Request not sent to server !\n'); 
       else if(response == '-1') 
       alert('Please write some more !\n'); 
       else 
       { 
       alert("success! "); 
       } 
      } 
     ); 

私はエコーED 0、失敗すると-1とjqueryのポスト機能で成功

+0

typo $( "#form)=> $("#form ");) – stecb

+0

yup、固定、ありがとう:)を使用しています – Sourav

0

のために他の、あなたには、いくつかのコールバック関数を実行することができました。少なくともjQueryの1.5で

function (data, textStatus) { 
     // data could be xmlDoc, jsonObj, html, text, etc... 
     this; // the options for this ajax request 
     // textStatus can be one of: 
     // "timeout" 
     // "error" 
     // "notmodified" 
     // "success" 
     // "parsererror" 
     // NOTE: Apparently, only "success" is returned when you make 
     // an Ajax call in this way. Other errors silently fail. 
     // See above note about using $.ajax. 
    } 

http://docs.jquery.com/Post

0

、あなたは(success含む)AJAXイベントの繰延オブジェクトと新しい構文を持っています。あなたにも、そして$.ajax().success()か何かの線に沿って何かを呼び出すことができますチェーンもちろん

var $ajaxcall = $.ajax({ 
    url : 'myurl.svc/somemethod', 
    data : '{ somedata : "sometext" }' 
}); 

$ajaxcall.success(function() { 
    // do something on successful AJAX completion 
}); 

ちょうどwrote a blog post on it myself、もっと読むことに興味があれば。

関連する問題