Why my jQuery function getJSON is not calling my function callback?

Question

I have this javascript code:

$(document).ready(function(){
        $("#EstadoId").change(function(){
            listaCidade($(this).val());
        });
    });

    function listaCidade(uf) {
        $.getJSON("@Url.Action("ListaCidade")/" + uf, listaCidadeCallBack);
    }

    function listaCidadeCallBack() {
        alert('sucesso');
    }

Everything is working...getJSON is calling my action "ListaCidade" but it isnt calling my "listaCidadeCallBack".

The result of the Action is

 public ActionResult ListaCidade(int id)
        {
            var cidades = from c in ctx.Cidades
                          where c.Estado.ID == id
                          select c;

            return Json(cidades);
        }

Are you sure the request was successful? That callback should only fire if the result returns a success/200. — subhaze
– subhaze, Commented Nov 23, 2015 at 18:24
If the request failed or an invalid response was returned, your callback wouldn't be called. So make sure that the request succeeds and the response is valid. — Felix Kling
– Felix Kling, Commented Nov 23, 2015 at 18:25
Your quotes are off, resulting in improper string concatenation. Are you sure your getJSON is being called properly? Check the network tab. — Sterling Archer
– Sterling Archer, Commented Nov 23, 2015 at 18:26

Felix Kling · Accepted Answer · 2015-11-23 19:22:11Z

1

Your problem could be you might not be getting the expected result from the api call.

Add the fail event to the getJSON call and that will tell you what is wrong.

 $.getJSON("@Url.Action("ListaCidade")/" + uf, listaCidadeCallBack)
 .fail(function( jqxhr, textStatus, error ) {
      console.log(error);
      var err = textStatus + ", " + error;
      alert("Request Failed: " + err );
 });

EDIT : As per the comment, your GET action method has trouble sending JSON data.

Solution is, You need to pass JsonRequestBehavior.AllowGet as the second paramenter of Json method, when your action method is of GET type.

public ActionResult ListaCidade()
{
   var cidades = from c in ctx.Cidades
                          where c.Estado.ID == id
                          select c;
    return Json(cidades , JsonRequestBehavior.AllowGet);   
}

for HttpPost action method, You can use your old code without this second parameter.

edited Nov 23, 2015 at 19:22

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

answered Nov 23, 2015 at 18:24

Shyju

220k106 gold badges420 silver badges499 bronze badges

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

8 Comments

Felix Kling Over a year ago

@Daniel: So there is something wrong with the request / response. The fail callback gets passed information about the error. Look at that and/or look at the request in the network tab.

Shyju Over a year ago

@Daniel See my updated answer which alerts the error detail

Shyju Over a year ago

@Daniel As Felix mentioned in his comment, Open up network tab and see whether you are getting a 404 /500 or 200 response. Since it is a GET call, you can open that url in a new browser tab/window and see why it is failing.

Daniel Over a year ago

@Shyju now I got "Request Failed: error, Internal Server Error"

Daniel Over a year ago

I just add a parameter in the return of my actionResult "return Json(cidades,JSonRequestBehavior.AllowGet)" and know it worked...the callback function was called lol

|

Collectives™ on Stack Overflow

Why my jQuery function getJSON is not calling my function callback?

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