Call ASP.NET funkcja z JavaScript?

Metoda __doPostBack() działa dobrze.

Innym rozwiązaniem (bardzo hackish) jest po prostu dodać niewidoczny przycisk ASP w znacznikach i kliknąć go metodą JavaScript.

<div style="display: none;">
   <asp:Button runat="server" ... OnClick="ButtonClickHandlerMethod" />
</div>

Z twojego JavaScript, Pobierz odniesienie do przycisku za pomocą ClientID , a następnie wywołaj .click() metoda na nim.

var button = document.getElementById(/* button client id */);

button.click();

Microsoft AJAX library osiągnie to. Możesz również stworzyć własne rozwiązanie, które polega na użyciu Ajaxu do wywoływania własnych plików skryptów aspx (w zasadzie) do uruchamiania funkcji. NET.

Proponuję bibliotekę Microsoft AJAX. Po zainstalowaniu i odwołaniu, po prostu dodaj wiersz w ładowaniu strony lub init:

Ajax.Utility.RegisterTypeForAjax(GetType(YOURPAGECLASSNAME))

Wtedy możesz robić takie rzeczy jak:

<Ajax.AjaxMethod()> _
Public Function Get5() AS Integer
    Return 5
End Function

Następnie możesz nazwać go na swojej stronie jako:

PageClassName.Get5(javascriptCallbackFunction);

Ostatni parametr wywołania funkcji musi być funkcją zwrotną javascript, która zostanie wykonana po zwróceniu żądania AJAX.

Możesz to zrobić asynchronicznie używając. NET Ajax PageMethods. Zobacz tutaj lub Tutaj .

Myślę, że blog post Jak pobrać i pokazać dane bazy danych SQL Server w ASP.NET strona wykorzystująca Ajax (jQuery) pomoże Ci.

Kod JavaScript

<script src="http://code.jquery.com/jquery-3.3.1.js" />
<script language="javascript" type="text/javascript">

    function GetCompanies() {
        $("#UpdatePanel").html("<div style='text-align:center; background-color:yellow; border:1px solid red; padding:3px; width:200px'>Please Wait...</div>");
        $.ajax({
            type: "POST",
            url: "Default.aspx/GetCompanies",
            data: "{}",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: OnSuccess,
            error: OnError
        });
    }

    function OnSuccess(data) {
        var TableContent = "<table border='0'>" +
                                "<tr>" +
                                    "<td>Rank</td>" +
                                    "<td>Company Name</td>" +
                                    "<td>Revenue</td>" +
                                    "<td>Industry</td>" +
                                "</tr>";
        for (var i = 0; i < data.d.length; i++) {
            TableContent += "<tr>" +
                                    "<td>"+ data.d[i].Rank +"</td>" +
                                    "<td>"+data.d[i].CompanyName+"</td>" +
                                    "<td>"+data.d[i].Revenue+"</td>" +
                                    "<td>"+data.d[i].Industry+"</td>" +
                                "</tr>";
        }
        TableContent += "</table>";

        $("#UpdatePanel").html(TableContent);
    }

    function OnError(data) {

    }
</script>

ASP.NET Funkcja Po stronie serwera

[WebMethod]
[ScriptMethod(ResponseFormat= ResponseFormat.Json)]
public static List<TopCompany> GetCompanies()
{
    System.Threading.Thread.Sleep(5000);
    List<TopCompany> allCompany = new List<TopCompany>();
    using (MyDatabaseEntities dc = new MyDatabaseEntities())
    {
        allCompany = dc.TopCompanies.ToList();
    }
    return allCompany;
}

Statyczne, silnie pisane programowanie zawsze wydawało mi się bardzo naturalne, więc na początku opierałem się nauce JavaScript (nie wspominając o HTML i CSS), kiedy musiałem tworzyć webowe front-endy Dla Moich aplikacji. Zrobiłbym wszystko, aby obejść to, jak przekierowanie na stronę, aby wykonać i wykonać akcję na zdarzeniu OnLoad, o ile mógłbym kodować czysty C#.

Przekonasz się jednak, że jeśli zamierzasz pracować ze stronami internetowymi, musisz mieć otwarty umysł i zacząć myśleć więcej web-oriented (czyli nie próbuj robić rzeczy po stronie klienta na serwerze i odwrotnie). Kocham ASP.NET webforms i nadal go używać( jak również MVC), ale powiem, że próbując uprościć sprawy i ukrywając oddzielenie klienta od serwera, może to mylić nowicjuszy i faktycznie skończyć się utrudniając rzeczy czasami.

Radzę nauczyć się podstaw JavaScript (jak rejestrować zdarzenia, pobierać obiekty DOM, manipulować CSS, itp.) i znajdziesz www programowanie o wiele przyjemniejsze (nie wspominając o łatwiejszym). Wiele osób wspomniało o różnych bibliotekach Ajax, ale nie widziałem żadnych rzeczywistych przykładów Ajaxu, więc proszę bardzo. (Jeśli nie jesteś zaznajomiony z Ajaxem, wszystko, co jest, jest wykonanie asynchronicznego żądania HTTP w celu odświeżenia zawartości (lub może wykonać akcję po stronie serwera w swoim scenariuszu) bez przeładowywania całej strony lub robienia pełnego postback.

Client-Side:

<script type="text/javascript">
var xmlhttp = new XMLHttpRequest(); // Create object that will make the request
xmlhttp.open("GET", "http://example.org/api/service", "true"); // configure object (method, URL, async)
xmlhttp.send(); // Send request

xmlhttp.onstatereadychange = function() { // Register a function to run when the state changes, if the request has finished and the stats code is 200 (OK). Write result to <p>
    if (xmlhttp.readyState == 4 && xmlhttp.statsCode == 200) {
          document.getElementById("resultText").innerHTML = xmlhttp.responseText;
    }
};
</script>

Żądanie może być HTTP-POST lub HTTP-GET i nie musi być na stronie internetowej, ale można je wysyłać do dowolnej usługi, która nasłuchuje żądań HTTP, takich jak API RESTful . Na ASP.NET MVC 4 Web API sprawia, że skonfigurowanie usługi internetowej po stronie serwera do obsługi żądania również jest proste. Ale Wiele osób nie wie, że można również dodawać Kontrolery API do projektu formularzy internetowych i używać ich do obsługi takich wywołań Ajax.

Server-Side:

public class DataController : ApiController
{
    public HttpResponseMessage<string[]> Get()
    {
        HttpResponseMessage<string[]> response = new HttpResponseMessage<string[]>(
            Repository.Get(true),
            new MediaTypeHeaderValue("application/json")
        );

        return response;
    }
}

Global.asax

Następnie po prostu zarejestruj trasę HTTP w swojej globalnej.plik asax, więc ASP.NET będzie wiedział, jak skierować wniosek.

void Application_Start(object sender, EventArgs e)
{
    RouteTable.Routes.MapHttpRoute("Service", "api/{controller}/{id}");
}

Z AJAX i kontrolerów, można wysyłać z powrotem do serwera w dowolnym momencie asynchronicznie wykonać dowolną operację po stronie serwera. Ten jeden-dwa cios zapewnia zarówno elastyczność JavaScript jak i moc C # / ASP.NET, dając ludziom odwiedzającym Twoją witrynę lepsze ogólne wrażenia. Bez poświęcania czegokolwiek, dostajesz to, co najlepsze z obu światów.

Referencje

• Ajax ,
• jQuery Ajax ,
• Controller in Webforms

Osiągnie to biblioteka Microsoft AJAX. Możesz również stworzyć własne rozwiązanie, które polega na użyciu Ajaxu do wywoływania własnych plików skryptów aspx (w zasadzie) do uruchamiania funkcji. NET.

Jest to biblioteka o nazwie AjaxPro, która została napisana MVP o imieniu Michael Schwarz . To była biblioteka nie została napisana przez Microsoft.

Używałem ajaxpro szeroko i jest to bardzo fajna biblioteka, którą polecam do prostych wywołań zwrotnych na serwer. Informatyka działa dobrze z wersją Ajax firmy Microsoft bez żadnych problemów. Chciałbym jednak zauważyć, jak łatwo Microsoft uczynił Ajax, używam go tylko wtedy, gdy jest to naprawdę konieczne. Potrzeba dużo JavaScript, aby zrobić naprawdę skomplikowaną funkcjonalność, którą otrzymujesz od Microsoftu, po prostu upuszczając ją do panelu aktualizacji.

Jest to bardzo proste dla obu scenariuszy (tzn. synchroniczne/asynchroniczne), jeśli chcesz uruchomić obsługę zdarzeń po stronie serwera, na przykład zdarzenie kliknięcia przycisku.

Do wyzwalania obsługi zdarzeń kontrolki: Jeśli dodałeś już ScriptManager na swojej stronie, pomiń krok 1.

1. Dodaj następujący tekst w sekcji skrypt klienta strony

   //<![CDATA[
   var theForm = document.forms['form1'];
   if (!theForm) {
       theForm = document.form1;
   }
   function __doPostBack(eventTarget, eventArgument) {
       if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
           theForm.__EVENTTARGET.value = eventTarget;
           theForm.__EVENTARGUMENT.value = eventArgument;
           theForm.submit();
       }
   }
   //]]>
   

   1. Zapisanie obsługi zdarzeń po stronie serwera dla twojej kontroli

      Protected void btnSayHello_Click(object nadawca, EventArgs e) { Label1.Tekst = "Hello World",.."; }

   2. Dodaj funkcję klienta do wywołania obsługi zdarzeń po stronie serwera

      Funkcja SayHello() { __doPostBack ("btnSayHello", ""); }

Zastąp "btnSayHello" w powyższym kodzie identyfikatorem klienta kontrolera.

W ten sposób, jeśli kontrolka znajduje się w panelu aktualizacji, strona nie zostanie odświeżona. To takie proste.

Jeszcze jedno: uważaj z client id, bo to zależy od Ciebie ID-generation policy zdefiniowanej za pomocą właściwości ClientIDMode.

Próbuję to zaimplementować, ale to nie działa dobrze. Strona jest odpisuję, ale mój kod nie jest wykonywany. Kiedy debuguję page, the RaisePostBackEvent nigdy nie zostanie zwolniony. Jedno zrobiłem inaczej jest to, że robię to w user control zamiast aspx strona.

Gdy masz kontrolę użytkownika, wydaje się, że musisz również utworzyć PostBackEventHandler w Strona nadrzędna. Następnie możesz wywołać kontrolkę użytkownika PostBackEventHandler, wywołując ją bezpośrednio. Patrz poniżej:

public void RaisePostBackEvent(string _arg)
{
    UserControlID.RaisePostBackEvent(_arg);
}

Gdzie UserControlID jest identyfikatorem, który nadałeś użytkownikowi na stronie nadrzędnej, gdy zagnieżdżałeś go w znaczniku.

Uwaga: Możesz również po prostu wywołać bezpośrednio metody należące do tej kontroli użytkownika (w takim przypadku potrzebujesz tylko obsługi raisepostbackevent na stronie nadrzędnej):

public void RaisePostBackEvent(string _arg)
{
    UserControlID.method1();
    UserControlID.method2();
}

Możesz chcieć utworzyć usługę internetową dla swoich popularnych metod.
Wystarczy dodać WebMethodAttribute nad funkcjami, które chcesz wywołać, i to wszystko.
Posiadanie usługi internetowej ze wszystkimi typowymi rzeczami również ułatwia utrzymanie systemu.

Jeśli funkcja _ _ doPostBack nie jest wygenerowana na stronie, musisz wstawić kontrolkę, aby wymusić ją tak:

<asp:Button ID="btnJavascript" runat="server" UseSubmitBehavior="false" />

Odnośnie:

var button = document.getElementById(/* Button client id */);

button.click();

Powinno być tak:

var button = document.getElementById('<%=formID.ClientID%>');

Gdzie formID jest ASP.NET identyfikator kontrolny w .plik aspx.

Dodaj tę linię do ładowania strony, Jeśli otrzymujesz błąd oczekiwany przez obiekt.

ClientScript.GetPostBackEventReference(this, "");

Możesz użyć PageMethods.Your C# method Name aby uzyskać dostęp do metod C # lub VB.NET metody do JavaScript.

Spróbuj tego:

if(!ClientScript.IsStartupScriptRegistered("window"))
{
    Page.ClientScript.RegisterStartupScript(this.GetType(), "window", "pop();", true);
}

Lub to

Response.Write("<script>alert('Hello World');</script>");

Użyj właściwości OnClientClick przycisku, aby wywołać funkcje JavaScript...

Możesz go również uzyskać, dodając tę linię w kodzie JavaScript:

document.getElementById('<%=btnName.ClientID%>').click()

Proszę spróbować:

<%= Page.ClientScript.GetPostBackEventReference(ddlVoucherType, String.Empty) %>;

Ddlvouchertype jest kontrolką, którą wywoła wybrana zmiana indeksu... I możesz umieścić dowolną funkcję na wybranej zmianie indeksu tej kontroli.

Najprostszym i najlepszym sposobem na osiągnięcie tego celu jest użycie zdarzenia onmouseup() JavaScript zamiast onclick()

W ten sposób uruchomisz JavaScript po kliknięciu i nie będzie to zakłócać zdarzenia ASP OnClick().

Próbuję tego i mogę uruchomić Asp.Net metoda podczas korzystania z jQuery.

1. Zrób przekierowanie strony w kodzie jQuery

   window.location = "Page.aspx?key=1";
   

2. Następnie użyj ciągu zapytania w ładowaniu strony

   protected void Page_Load(object sender, EventArgs e)
   {
       if (Request.QueryString["key"] != null)
       {
           string key= Request.QueryString["key"];
           if (key=="1")
           {
               // Some code
           }
       }
   }
   

Więc nie trzeba uruchamiać dodatkowego kodu

Ta odpowiedź działa jak bryza dla mnie dzięki cross browser:

Metoda _ _ doPostBack() działa dobrze.

Innym rozwiązaniem (bardzo hackish) jest po prostu dodać niewidoczny przycisk ASP w znacznikach i kliknąć go metodą JavaScript.

<div style="display: none;"> 
    <asp:Button runat="server" ... OnClick="ButtonClickHandlerMethod" /> 
</div> 

Z twojego JavaScript, Pobierz odniesienie do przycisku za pomocą jego ClientID, a następnie wywołaj .Metoda Click ():

var button = document.getElementByID(/* button client id */); 

button.Click(); 

Blockquote