2011-12-26 42 views
0

我的目標是在網站上實現一個消息系統(我的意思是用戶可以發送消息到另一個消息)。每條消息只有一個按鈕,它實際上關閉了消息並更新了讀取該特定消息的數據庫。用JQuery和C顯示消息#

我的一些主要的質量要求是:

  • 頁面不應該關閉每個消息
  • 當用戶關閉讀取消息時,會出現新的消息之後重新加載(直到用戶沒有新的消息)

我儘管這樣做的方式是aspx(後面的C#代碼),它將準備在divs或這樣的消息細節,jquery將以彈出的方式(或另一個beutifull方式,它可以:) :),和ajax將允許我在每個關閉按鈕上單擊更新數據庫(哪個消息已被讀取)。

是否有任何jquery組件能夠在屏幕上顯示消息(能夠使用div內的div運行)並在關閉時運行AJAX代碼?

中的代碼示例,但有用的鏈接非常有趣的將apreatiated以及:)

+1

有你看着做谷歌搜索..? – MethodMan 2011-12-26 13:10:20

+1

您可以使用[this](http://www.webappers.com/2008/07/07/jgrowl-unobtrusive-notification-system-for-jquery/)並在'close'事件處理程序中應用AJAX以通知服務器。 – 2011-12-26 13:17:45

+0

暗影嚮導,jGrowl會是一個不錯的選擇,但問題是它只能放在角落。我需要把它放在特定的地方。 – Jviaches1 2011-12-26 13:23:23

回答

2

您所要求的幾項技術的自定義實現

  • 使用Ajax請求來調用Web服務和閱讀您的郵件。無論您喜歡什麼格式,您都可以在這裏返回JSON或HTML。
  • 用請求更新DOM容器。
  • 設置點擊事件來調用另一個Ajax網絡服務,將消息標記爲已讀並返回已更新的消息
  • 使用最新數據更新DOM容器。

您只需要創建一個機制,並從您的ajax調用幾個.asmx Web服務。像這樣組織你的代碼。如果你在ASP.NET,JavaScript和Ajax流利,那麼你會沒有這樣做的問題。

0

爲了避免頁面重新加載,綁定數據使用獲取&在代碼後面設置屬性。創建jquery動態時,基於get set屬性值的第一次頁面加載。它將避免頁面加載每個彈出。

使用Ajax popups.or或JQuert SlidDown和Hide。它比Ajax更有用。

你只需要在編寫代碼之前計劃清楚。

你看過谷歌..?

http://jquery.com/

http://www.learningjquery.com/

http://jqueryui.com/

http://www.w3schools.com/jquery/default.asp

http://jquery.org/

希望這可以幫助...