title: JQuery ajax call getting status code 0 "error"
body: <p>I'm trying to call Petfinder.com to get a list of our pets.  The url is <a href="http://api.petfinder.com/shelter.getPets?key=xxxxx&amp;id=CA1469&amp;format=json" rel="noreferrer">http://api.petfinder.com/shelter.getPets?key=xxxxx&amp;id=CA1469&amp;format=json</a></p>
  
  <p>The url seems to return the JSON fine.  But when I try to make the call I'm getting "error" and status code 0.  I tried using jsonp which results in a status of 200 but a parse error.  If I change to xml I have the result of status 0 and "error".</p>
  
  <pre><code> $.ajax({
  
           url: "http://api.petfinder.com/shelter.getPets?key=xxxx&amp;id=CA1469&amp;format=json",
           dataType: "json",
           type: "GET",
           success: function (data) {
               alert("hi");
           },
           error: function (jqXHR, exception) {
               if (jqXHR.status === 0) {
                   alert('Not connect.\n Verify Network.');
               } else if (jqXHR.status == 404) {
                   alert('Requested page not found. [404]');
               } else if (jqXHR.status == 500) {
                   alert('Internal Server Error [500].');
               } else if (exception === 'parsererror') {
                   alert('Requested JSON parse failed.');
               } else if (exception === 'timeout') {
                   alert('Time out error.');
               } else if (exception === 'abort') {
                   alert('Ajax request aborted.');
               } else {
                   alert('Uncaught Error.\n' + jqXHR.responseText);
               }
  
           }
       });
  </code></pre>