Chamar função ASP.NET a partir de JavaScript?

Você pode fazê-lo de forma assíncrona usando PageMethods .NET Ajax. Veja aqui ou aqui .

A biblioteca Microsoft AJAX vai conseguir isso. Você também pode criar sua própria solução que envolve o uso de AJAX para chamar de seu aspx (como basicamente) arquivos de script para executar funções .NET.

Sugiro a biblioteca Microsoft AJAX. Uma vez instalado e referenciada, basta adicionar uma linha em seu carregamento da página ou de inicialização:

Ajax.Utility.RegisterTypeForAjax(GetType(YOURPAGECLASSNAME))

Depois, você pode fazer coisas como:

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

Então, você pode chamá-lo na sua página como:

PageClassName.Get5(javascriptCallbackFunction);

O último parâmetro de sua chamada de função deve ser a função de retorno JavaScript que será executado quando o pedido AJAX é retornado.

Você pode querer criar um serviço web para seus métodos comuns.
Basta adicionar um WebMethodAttribute sobre as funções que você deseja chamar, e é sobre isso.
Ter um serviço web com todas as suas coisas comum também torna o sistema mais fácil de manter.

O __doPostBack()método funciona bem.

Outra solução (muito hackish) é simplesmente adicionar um botão invisível ASP na sua marcação e clique nele com um método JavaScript.

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

De seu JavaScript, recuperar a referência ao botão usando seu ClientID e depois chamar o .click () método nele.

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

button.click();

A biblioteca Microsoft AJAX vai conseguir isso. Você também pode criar sua própria solução que envolve o uso de AJAX para chamar de seu aspx (como basicamente) arquivos de script para executar funções .NET.

Esta é a biblioteca chamada AjaxPro que foi escrito um MVP chamado Michael Schwarz . Este foi biblioteca não foi escrito por Microsoft.

Eu tenho usado AjaxPro extensivamente, e é uma biblioteca muito agradável, que eu recomendaria para retornos de chamada simples para o servidor. Ele funciona bem com a versão da Microsoft do Ajax, sem problemas. No entanto, gostaria de observar, com o quão fácil a Microsoft fez Ajax, eu só iria usá-lo se for realmente necessário. Ele tem um monte de JavaScript para fazer alguma funcionalidade realmente complicado que você começa a partir Microsoft por apenas deixá-la cair em um painel de atualização.

Esta resposta funciona como uma brisa para mim graças cross browser:

O método __doPostBack () funciona bem.

Outra solução (muito hackish) é simplesmente adicionar um botão invisível ASP na sua marcação e clique nele com um método JavaScript.

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

De seu JavaScript, recuperar a referência ao botão usando seu ClientID e, em seguida, chamar o método .Clique () sobre ele:

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

button.Click(); 

Bloco de citação

Se a função __doPostBack não é gerado na página que você precisa inserir um controle para forçá-lo como este:

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

Adicione esta linha ao carregamento da página se você está recebendo objeto esperado erro.

ClientScript.GetPostBackEventReference(this, "");

Você pode usar PageMethods.Your C# method Namepara acessar métodos C # ou VB.NET métodos para JavaScript.

É tão fácil para ambos os cenários (isto é, síncrona / assíncrona) se você deseja acionar um manipulador de eventos do lado do servidor, por exemplo, evento de clique do botão.

Para desencadear um manipulador de eventos de um controle: Se você adicionou um ScriptManager na sua página já ignore a etapa 1.

1. Adicione o seguinte na sua seção de script de cliente página

   //<![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();
       }
   }
   //]]>
   

   2. Escrever-lhe manipulador de eventos do lado do servidor para o seu controle

      protected void btnSayHello_Click (object sender, EventArgs e) {Label1.Text = "Olá mundo ..."; }

   3. Adicionar uma função de cliente para chamar o manipulador de eventos do lado do servidor

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

Substitua o "btnSayHello" no código acima com ID de cliente do seu controle.

Ao fazer isso, se o seu controle está dentro de um painel de atualização, a página não atualizar. Isso é tão fácil.

Uma outra coisa a dizer é que: Tenha cuidado com ID de cliente, porque depende de você política ID geração definido com a propriedade ClientIDMode.

Estática, programação fortemente tipado sempre se sentiu muito natural para mim, então no começo eu resisti aprender JavaScript (para não mencionar HTML e CSS) quando eu tinha para construir front-ends baseados na web para as minhas aplicações. Eu faria qualquer coisa para contornar este como redirecionando para uma página apenas para executar e ação sobre o evento OnLoad, contanto que eu poderia código puro C #.

Você vai encontrar no entanto que se você estiver indo trabalhar com os sites, você deve ter uma mente aberta e começar a pensar mais web-oriented (isto é, não tentar fazer as coisas do lado do cliente no servidor e vice-versa) . Eu amo webforms ASP.NET e ainda usá-lo (assim como MVC ), mas vou dizer que, ao tentar tornar as coisas mais simples e escondendo a separação de cliente e servidor pode confundir os recém-chegados e realmente acabar fazendo as coisas mais difíceis, por vezes, .

Meu conselho é para aprender alguns básicos JavaScript (como registrar eventos, recuperar objetos DOM, manipular CSS, etc.) e você vai encontrar a programação web muito mais agradável (para não mencionar mais fácil). Um monte de pessoas mencionado diferentes bibliotecas Ajax, mas eu não vi qualquer exemplos reais Ajax, por isso, aqui vai. (Se você não estiver familiarizado com Ajax, tudo o que é, está fazendo uma solicitação HTTP assíncrona para atualizar o conteúdo (ou talvez executar uma ação do lado do servidor em seu cenário) sem recarregar a página inteira ou fazer um postback completo.

Do lado do cliente:

<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>

É isso aí. Embora o nome pode ser enganador o resultado pode ser em texto simples ou JSON, bem, você não está limitado a XML. jQuery fornece uma interface ainda mais simples para fazer chamadas Ajax (entre simplificando outras tarefas JavaScript).

O pedido pode ser um HTTP-POST ou HTTP-GET e não tem que ser para uma página web, mas você pode postar a qualquer serviço que escuta para solicitações HTTP, como uma RESTful API. A ASP.NET MVC 4 Web API torna a configuração do serviço da Web do lado do servidor para manipular a solicitação de uma brisa também. Mas muitas pessoas não sabem que você também pode adicionar controladores de API para projeto de formulár