Dodawanie wartości z C# do DIV za pośrednictwem JavaScript

Question

Ostatni moduł skryptu do czatu przekazuje wartości z kodu C# do JavaScript, a JavaScript będzie podawał wartości do DIV. Zanim użyłem DataBinder, ale używając go bezpośrednio kod C# jest pobierany przez panel aktualizacji AJAX. Teraz potrzebuję zestawu wartości Array, które zostaną przekazane za pomocą funkcji Timer Tick do JavaScript. Jak mogę przekazać tablice z języka C# do JavaScript za pomocą <%= %>. Część mojego kodu następuje.

protected void Timer1_Tick(object sender, EventArgs e) 
    { 
     if (MyConnection.State == System.Data.ConnectionState.Open) 
     { 
      MyConnection.Close(); 
     } 
     MyConnection.Open(); 
     OdbcCommand cmd = new OdbcCommand("Select message from messages where name=?", MyConnection); 
     cmd.Parameters.Add("@email", OdbcType.VarChar, 255).Value = "human"; 
     OdbcDataReader dr = cmd.ExecuteReader(); 
     ArrayList values = new ArrayList(); 
     while (dr.Read()) 
     { 
      string messagev = dr[0].ToString(); 
      // What should I do here? 
     } 
     MyConnection.Close(); 
    } 

Nie chcę, aby wartości były bezpośrednio wysyłane do DIV. Najpierw musi zostać wysłany do JavaScript, a następnie musi przejść do DIV.

Dalsze wyjaśnienia

trzeba C#, aby odzyskać dane z silnikiem i do przekazywania tych danych na stronie klienta (to JavaScript) z JavaScript ma on być przekazany do warstwy DIV.

Answer 1

mam zamiar zaproponować podejście jQuery i pozbyć timer po stronie serwera. Używając JQuery i wtyczki JQuery.Timer: http://code.google.com/p/jquery-timer/ możesz zrobić to łatwiej, moim zdaniem, i będzie ładniej na końcu klienta.

na stronie aspx masz element, aby wyświetlić wyjściowa:

<span id="status" style="display:none"></span> 

a także odniesienie do jQuery JQuery.Timer.js, a następnie swój kod, aby zadzwonić do C# metodę internetową.

<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script> 
<script src="js/jquery.timer.js" type="text/javascript"></script> 
<script> 
    $(function() { 
     var timer = $.timer(getMessage, 10000); 
     timer.play(); 
    }) 

    function getMessage() { 
     $.ajax({ 
      type: 'POST', 
      contentType: 'application/json; charset=utf-8', 
      url: 'message-service.asmx/getDBMessages', 
      data: "{}", 
      dataType: 'json', 
      success: getMessageSuccess, 
      error: getMessageError 
     }) 
    } 

    function getMessageError(jqXHR, textStatus, errorThrown) { 
     $('#status').html(errorThrown).show(); 
    } 

    function getMessageSuccess(data, textStatus, jqXHR) { 
     $('#status').html(data.d).show(); 
    } 
</script> 

użyłbym internetowy serwis po stronie serwera komunikatów db pobierania:

[WebService(Namespace = "http://site.com/service")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
[System.Web.Script.Services.ScriptService] 
public class contact_service : System.Web.Services.WebService 
{ 

    [WebMethod] 
    public string getDBMessages() 
    { 
     try 
     { 
if (MyConnection.State == System.Data.ConnectionState.Open) 
     { 
      MyConnection.Close(); 
     } 
     MyConnection.Open(); 
     OdbcCommand cmd = new OdbcCommand("Select message from messages where name=?", MyConnection); 
     cmd.Parameters.Add("@email", OdbcType.VarChar, 255).Value = "human"; 
     OdbcDataReader dr = cmd.ExecuteReader(); 
     ArrayList values = new ArrayList(); 
     while (dr.Read()) 
     { 
      string messagev = dr[0].ToString(); 
     } 
     MyConnection.Close(); 
return messagev; 
     } 
     catch (Exception ex) 
     { 
      return ex.Message; 
     } 
    } 

Mam nadzieję, że to ma sens. Stworzyłem serwer WWW (asmx) i stworzył mój kod po stronie serwera, aby zwrócić ciąg znaków. W znacznikach aspx używam JQuery do uruchomienia timera na 10 sekund, a następnie posta .ajax do odpytywania usługi, pobrania wiadomości i wyświetlenia jej. Żadne odświeżanie strony i dużo mniej hacky z mojej perspektywy.

Answer 2

Zakładając identyfikator Twojego div jest div1, można wykonać następujące

div1.Controls.Add(new LiteralControl(dr[0].ToString()) + "<br />"); 

To doda tekst wiadomości do Div

Answer 3

Istnieją dwa sposoby, aby dostać coś w kodzie JavaScript. Możesz wywołać wywołanie ajax z javascript i zwrócić serwerowi to, czego potrzebujesz (jako normalny ciąg lub może jako JSON). Lub możesz dynamicznie budować kod javascript na serwerze na oryginalnym zleceniu. Patrząc na twój kod, myślę, że pierwszą metodą jest droga. Więc zamiast funkcji timera na serwerze, napisz funkcję czasu w javascript i odpytuj serwer przez ajax dla nowych wiadomości.

Answer 4

Możesz spróbować RegisterStartupScript, aby wywołać funkcję javascript, przekazując zmienną "messagev" wraz z tym wywołaniem.

Zobacz więcej tutaj: http://msdn.microsoft.com/en-us/library/bb359558.aspx

Answer 5

Po prostu myśl; możesz używać Flasha lub apletu do komunikacji z gniazdem do javascript. Implementacja websocket dla Flash znajduje się tutaj: https://github.com/y8/websocket-as. Może być fajna na czat, może nawet przesada, zależy.

Answer 6

Proponuję użyć opcji Długie pobieranie, aby uzyskać powiadomienie push. Przeczytaj o długim Polling z here

można znaleźć wspaniały przykład here, co wyjaśnia zarówno po stronie serwera i po stronie klienta implementation. Jeśli Twój są przy użyciu HTML 5, proponuję rzucić okiem na Web Sockets

technologii po stronie serwera można używać C#, ale pewna node.js podejmuje wszystkie właściwe dźwięki dla tego rodzaju pracy

Answer 7

Co się stanie, jeśli użyjesz ukrytego kontrolki HTML na stronie ustawionej w metodzie Timer1_Tick i użyjesz jej do odczytania wartości w funkcji javascript. hiddenControl.Text = dr[0].ToString(); A następnie w funkcji javascript var data = document.getElementById('hiddenControl').value A tutaj możesz dodać te dane do swojego div, jak tylko chcesz.

Answer 8

Użyj ScriptManager do zarejestrowania bloku skryptu klient ..

ScriptManager.RegisterClientScriptBlock(
       this.Page, 
       this.GetType(), 
       "WebUserControlSript", 
       "FunctionABC('" + messagev + "')", 
       true); 

A w .aspx stronę kliknąć na poniższy skrypt:

FunctionABC(message) 

{ 
    append "message" to div here.. 
} 

Dzięki,

Pozdrowienia,

Dhaval Shukla