Robson Alves O que torna um sonho irrealizável é a inércia de quem sonha

Jquery e C#–WebMethods

Uma funcionalidade bem legal do Jquery em conjunto com o C#, estão nas possibilidade de chamadas assincronas, melhor ainda quando podemos acessar código C#.

Primeiramente vamos montar o script Jquery, ele pode estar dentro de um arquivo JS na solution ou na página.

O código está comentado, entretanto estamos utiizando o Ajax do Jquery capturando dados via Post e retornando Json. Veja:

Pra não sobrar dúvidas abaixo segue a sintaxe para informar parâmetros caso seu metódo Server-Side os possua.

data: "{Nome:'Robson'}",  //Apenas um parâmetro
data: "{Nome:'Robson', Sobre: 'Alves'}", //dois parâmetros

Atente-se:

1. Os parâmetros são case-sensitive
2. Caso tenha acrescido um parâmetro de entrada e gerar exceções, faça um re-build da solution e nos piores casos feche o IIS server do Visual Studio.
3. A frente fica o nome do parâmetro, seguido do valor.

Os Objetos utilizados neste exemplo:

Agora temos nossa página pronta para capturar as informações e o alvo onde será renderizada a informação, partimos para o lado do servidor agora.

  [WebMethod]
        public static List Exemplos(string Nome, string Sobre)
        {
            List list = new List();
            Objetos obj = new Objetos();

            for (int i = 0; i < 10; i++)
            {
                obj = new Objetos();
                obj.Valorbool = i % 2 == 0 ? true : false;
                obj.ValorNum = i;
                obj.Valortxt = "RobsonAlves - " + Nome + " <-> " + Sobre;
                list.Add(obj);
            }

            return list;
        }

Veja na primeira linha, o WebMethod é quem permite que este método seja exposto Client-side, possibilitando o acesso pelo Jquery. Este exemplo gera uma lista, nada me impedi de pegar as informações do Banco. Detalhes deste:

1. Os métodos sempre devem ser públicos
2. A Assinatura é [WebMethod] no singular, [WebMethods] no Plural não serve.

Note que estamos retornando uma lista de Objetos que é uma classe POCO:

    public class Objetos
    {

        public int ValorNum { get; set; }
        public string Valortxt { get; set; }
        public Boolean Valorbool { get; set; }
    }

após estes passos, você terá as informações da lista na sua tela.

espero que este artigo seja útil.

Obrigado.

Nenhum Post Relacionado.