Hoje veremos como criar um simples Ajax utilizando o Jquery, para mais duvidas consulte a API, lá você encontrará toda documentação. O Jquery e uns dos Framework de JavaScript mais utilizados e despensa mais apresentações então vamos para ação. Primeiro vamos realizar uma  chamada básica de duas variáveis.

  [HttpPost]
 publicvoid SendName(string firstName, string lastName)
  {
     
  }
No JavaScript enviamos as variáveis repare que nos nomes devem ser idênticos.
  $.ajax({
    type: “POST”,
    url: “WebService.asmx/SendName”,
    data: “{‘firstName’:’Chris’,’lastName’:’Brandsma’}”,
    contentType: “application/json; charset=utf-8”,
    dataType: “json”,
    success: function(msg) {
    }
  });

O próximo exemplo é de uma chamada utilizado Json não entraremos em detalhes sobre o Json mas você verá que é muito útil para passagem de objetos.
 [HttpPost]
 publicvoid SendValues(List<string> list)
  {
     
  }
Veja o Código do Jquery:
 var list = [“a”, “b”, “c”, “d”];
 var jsonText = JSON.stringify({ list: list });


  $.ajax({
    type: “POST”,
    url: “WebService1.asmx/SendValues”,
    data: jsonText,
    contentType: “application/json; charset=utf-8”,
    dataType: “json”,
  success: function() { alert(“it worked”); },
  failure: function() { alert(“Uh oh”); }
});
Funciona legal você verá que o array foi enviado perfeitamente, isto também funciona para qualquer objeto obedecendo o critério de a propriedades do objeto sejam idênticas no Json e no objeto, lembrando que também não funcionará para objetos dinâmicos mas funciona com vários objetos e só usar a criatividade.
Valeu até a próxima.