jQueryで値を更新

Question

Asp.net webformにLabelTotalNumberという名前のラベルを配置しました。フォームをリフレッシュせずにjQueryで1分ごとに値を更新したい。どうすればいいのですか？

私はこのようにPage_Loadイベントを1回実行できます。

var sqlResult = (From obj in db.RequestList 
       where obj.IsApproved == "Approved" 
       select obj).count(); 
LabelTotalNumber.text = sqlResult; 

Answer 1

アウトオブザマイクロソフトボックスUpdatePanel and a Timerを使用できます。

は、MicrosoftボックスとたいあなたはASP.NET PageMethodに（window.setIntervalメソッドを使用して）一定の間隔でAJAXリクエストを送ることができるのJavaScriptのjQueryを/（使用の内容が気に入らない場合は基本的に自分自身を与える必要があります。その場合にはjQueryのdocumentation/tutorialsを読んで、ちょっとしたコードを書いてください。

だから、ASP.NET PageMethod：その後、

[WebMethod] 
public static int Approved() 
{ 
    return (from obj in db.RequestList 
      where obj.IsApproved == "Approved" 
      select obj).Count(); 
} 

とAJAXリクエスト毎分かそこらでこれPageMethodをハンマー：

window.setInterval(function() { 
    $.ajax({ 
     url: '/foo.aspx/Approved', 
     type: 'POST', 
     contentType: 'application/json', 
     data: '{ }', 
     success: function(result) { 
      var count = result.d; 
      // TODO: do something with the count returned by the server 
      // like assigning it to a label or something: 
      $('#someLabelId').html(count); 
     } 
    }); 
}, 60 * 1000); 

Answer 2

あなたはどこのサーバーページを呼び出すためにjQueryのAJAXを使用することができますあなたはデータベース操作を行うことができます。 setIntervalメソッドを使用して、特定の間隔でスクリプトを実行します。

var tid = setInterval(UpdateData, 60000); 
function UpdateData() { 
    $.get("yourserverpage.ashx",function(data){ 
    $("#yourDiv").html(data) 
}); 
} 

それが呼び出され、yourDivはあなたが更新されたデータを表示したいのdiv（表示されるマークアップを返してyourserverpage.ashxを想定しているされている場合Assumung yourserverpage.ashxは、データベースupdationを処理します。