2016-03-29 27 views
0

以下のコードは正常に動作しています。 私は2つの異なるサーバー側の機能を実行する必要があります(これは、私が差別化したのと同じ時間に実行することはできません)。JSONを使用してJavaScriptボタンをクリックしてイベントを表示する

  1. のDefault.aspx/AddCart
  2. btnUpdateイベントに

をクリックして私の問題はbtnUpdateイベントの完了をクリックする前に&負荷のdiv(#overlay)が隠れてくる警告ボックスです。私は警告メッセージボックスを表示したくない& Clickイベントが完了しなくなるまで、divの読み込みを表示したい。

$("#overlay").show(); 
$.ajax({ 
    type: "POST", 
    url: "Default.aspx/AddCart", 
    data: "{id: " + selectValue + ", qty:" + qq + "}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function (r) { 
     document.getElementById("<%= btnUpdate.ClientID %>").click(); 
     alert("Added to Shopping Cart !"); 
     $("#overlay").hide(); 
    }, 
    error: function (r) { 
     alert(r.responseText); 
     $("#overlay").hide(); 
    }, 
    failure: function (r) { 
     alert(r.responseText); 
     $("#overlay").hide(); 
    } 
}); 
+0

なぜajaxを使用してupdate clickを呼び出さないのですか? – Imad

+0

実際にこのClickイベントは、Header User ControlのUpdatePanelをDefault.aspxから更新しています.AJAX/WebMethodを使用してこれを行うことができません。 – Yusuf

+0

あなたはajaxでもclickイベントを呼び出さなければなりません。他の方法はありません。 – yogihosting

答えて

0

ボタンイベントでは、これらの行を最後に追加します。

string script = "alert('Added to Shopping Cart !'); $('#overlay').hide();" 
ScriptManager.RegisterStartupScript(Page, typeof(Page), "sc", script, true); 

クリックしてjqueryから削除します。

関連する問題