ASP.NET execute WebMethod with Jquery/AJAX

Question

I have one WebMethod that will execute some DB search and return it's data in some HTML template. I need to execute this method using jquery to populate an area of the website but the problem is that my website URL/URI is dynamic.

My URL is http://site/school-name/home. The school-name will always change to indicate wich school i'm accessing.

I have accomplished so far:

$.ajax({
    type: "POST",
    url: "/Default.aspx/BuscaEquipe",
    data: { 'pIndex': pIndex, 'pLimite': 4, 'pUnidadeCE': codigoEmitente },
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(response) {
        alert(response.d);
    },
    failure: function(response) {
        alert(response.d);
    }
});

and the WebMethod:

public static string BuscaEquipe(int pIndex, int pLimite, int pUnidadeCE)
{
    var objEquipe = new Equipe { EquipeUnidadeCE = pUnidadeCE, EquipeAtivo = 1 };
    var CaminhoImagem = Configuracoes.CaminhoVirtual + "Controles/Redimensiona.ashx?img=" + Configuracoes.CaminhoVirtual + "images/equipe/" + pUnidadeCE + "/";

    if (!objEquipe.Listar(objEquipe)) return "";

    var depoimentos = objEquipe.lstEquipe.Skip(pIndex).Take(pLimite);

    var objJson = new JavaScriptSerializer().Serialize(depoimentos.Aggregate("", (current, equipe) =>
            current + ("<div class='col-lg-3 col-md-3 col-sm-3'><img src='" + CaminhoImagem + equipe.EquipeImagem + "&w=400&h=400' alt='" + equipe.EquipeNome + "' class='img-circle img_perfil'><div class='nome_perfil text-center'>" + equipe.EquipeNome + "</div></div>")));

    return objJson;
}

Using like this i get a 401 Not Authorized and if i try to use my full URL http://site/school-name/Default.aspx/BuscaEquipe i get a 404.

P.S. I have already used this same method in another project and it worked fine but i can't figure out what's wrong in this one, i think it might be related to the URl but i'm not sure.

@ArunprasanthKV, yes i have and i can't even reach the method — Ariel
– Ariel, Commented Mar 4, 2015 at 13:16

Med.Amine.Touil · Accepted Answer · 2015-03-04 13:43:17Z

1

the problem is with your URL

Use the ResolveClientUrl() method

<%= ResolveUrl("~/Default.aspx/BuscaEquipe") %>

And you must Have [WebMethod] attribute before your static server function

[WebMethod]
public static string BuscaEquipe(int pIndex, int pLimite, int pUnidadeCE)
{
   //Code
}

Your data:

var requestData= JSON.stringify({ pIndex: pIndex, pLimite: 4, pUnidadeCE: codigoEmitente })

and then

data:requestData

edited Mar 4, 2015 at 13:43

answered Mar 4, 2015 at 13:05

Med.Amine.Touil

1,2352 gold badges12 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Ariel Over a year ago

Got an error: Uncaught SyntaxError: Invalid flags supplied to RegExp constructor 'BuscaEquipe' and i'm debugging and it didn't reach the method

Med.Amine.Touil Over a year ago

do you change your ajax post like this url:'<%= ResolveUrl("~/Default.aspx/BuscaEquipe") %>', ?

Ariel Over a year ago

Yes i have, i put it on the Default.aspx page to be sure that the ResolveUrl would work

Ariel Over a year ago

I forgot to put " around the resolveUrl, now it kind of works but i get a 500

Med.Amine.Touil Over a year ago

@Terkhos take a look to my update. if it's a 500 error so it is a prob with params name or type. Use the JSON.stringify as i mentionned

|

Collectives™ on Stack Overflow

ASP.NET execute WebMethod with Jquery/AJAX

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related