How to parse json response and add functions like error,complete to it using JQuery?

Question

I am working on making a mini app using Json parsing . Output I am getting by hitting url http://localhost:3000/cities.json is as below

[
    {
    "id": 1,
    "name": "Bangalore"
    },
    {
    "id": 2,
    "name": "Chandigarh"
    },
    {
    "id": 3,
    "name": "Chennai"
    },
    {
    "id": 4,
    "name": "Hyderabad"
    },
]

I have parsed this using function

  $.getJSON("http://localhost:3000/cities.json?&callback=?", function(data) {
                //something something
 }

Now I want to add .error function to it so in case there is some issue with response or say server doesnt respond i may get to know about it say by putting an alert like

.error(function(){alert("error");})

I tried it in following way

  $.getJSON("http://localhost:3000/cities.json?&callback=?", function(data) {
                //something something
         }).error(function(){
            alert("error");
         })

I tried it using this way as well

     var cities = $.getJSON("http://localhost:3000/cities.json");
                   cities.error("hi");

But none of them is working. To check for error i stop my local server and it doesnt give me any alert for that . Please guide me which way should i proceed ?

------EDIT--------

Also tried using

 var jqxhr = $.getJSON("http://localhost:3000/cities.json?callback=?", function() {
          alert("success");
        })
        .success(function() { alert("second success"); })
        .error(function() { alert("error"); })
        .complete(function() { alert("complete"); });

in case my localhost:3000 server is running it give me alert success and second success but in case i stop it no error call, also making url just http://localhost:3000/cities.json always tend to give error irrespective of server running or not

Rafay · Accepted Answer · 2011-10-12 11:24:21Z

1

you can use ajaxSetup

$.ajaxSetup({
  error:function(XMLHttpRequest) {   
    //error
    console.log(XMLHttpRequest.responseText);
}});

and your getJSON goes as usual

  $.getJSON("http://localhost:3000/cities.json?&callback=?", function(data) {
                //something something
 });

edited Oct 12, 2011 at 11:24

answered Oct 12, 2011 at 11:12

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

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

8 Comments

Sahil Grover Over a year ago

is it this way ?? $.getJSON("localhost:3000/cities.json?&callback=?", function(data) { alert("hi"); } $.ajaxSetup({ "error":function(XMLHttpRequest) { alert("hello"); }});

Rafay Over a year ago

first define the ajaxSetup like in the answer and then define your $.getJSON the order matters

Rafay Over a year ago

are there any errors in the firebug console? have you included the jquery? have you wrapped the code inside $(document).ready(function(){//your code});? are you specifying the correct path?

Sahil Grover Over a year ago

jsfiddle.net/BRTB3 ...and ...jsfiddle.net/WNF7W here are the code i wrote and it shows no error in 'firebug (firefox)'...... when server is running it alerts hi and when its stopped no hello. Code is in '$(document).ready(function(){})' ... also changing cities to citiies or something else aso gives no error

Rafay Over a year ago

have you checked the path to the file, everything seems to be fine, only thing left is cross-domain issue, can you see the ajax call made in the firebug>Net>XHR tab?

|

realshadow · Accepted Answer · 2011-10-12 11:16:31Z

0

Function that you use now is just a shorthand for for $.ajax looking like this:

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

If you change your code to $.ajax, you can use error the same way you use success. Or alternatively you can use $.ajaxSetup to set default error handler for your ajax calls.

answered Oct 12, 2011 at 11:16

realshadow

2,5851 gold badge20 silver badges39 bronze badges

1 Comment

Sahil Grover Over a year ago

1. url: "localhost:3000/cities" 2. url: "localhost:3000/cities.json" 3. url: "localhost:3000/cities.json?callback=?" none of them gives success: function(){alert("hello");}

Senica Gonzalez · Accepted Answer · 2011-10-12 11:16:41Z

0

If you are creating the json data, you should create a parameter called error. Set it to false by default, and true if an error arises. Then check the error value when you getJSON.

Otherwise, I might recommend using

.get("", {}, function(json){
   try{
     var obj = jQuery.parseJSON(json);
   }catch(err){ console.log(err); }
});

answered Oct 12, 2011 at 11:16

Senica Gonzalez

8,22017 gold badges71 silver badges111 bronze badges

Comments

Sal · Accepted Answer · 2011-10-12 11:21:30Z

0

You last method should work but you have to specify a function for error:-

var cities = $.getJSON("http://localhost:3000/cities.json");
cities.error(function(){
    alert('error');
});

OR you can use:-

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback,
  error: callback
});

answered Oct 12, 2011 at 11:21

Sal

1,64512 silver badges9 bronze badges

Comments

Sahil Grover · Accepted Answer · 2011-11-14 05:58:38Z

0

This worked for me finally

           $.ajax({
            url: "http://localhost:3000/cities.json?&callback=?",
            type: "GET",
            dataType: "json",
            timeout: 10000,
            success: function(data, status, xmlstatus) {
                call_to_function(data);
            },
            error: function(x, t, m) {
                if (t === "timeout") {
                    $('#spinner').hide();
                } else {
                    $('#spinner').hide();
                }
            }
        });

Thanks

answered Nov 14, 2011 at 5:58

Sahil Grover

1,9124 gold badges26 silver badges58 bronze badges

Collectives™ on Stack Overflow

How to parse json response and add functions like error,complete to it using JQuery?

5 Answers 5

8 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

8 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related