Question

I’ve never worked with JSON before and it’s not going well…

I have a PHP script that returns a JSON array(is that the correct term?)
The script returns:
{"items":1000,"mitems":0,"donations":0,"total":1000}

NOTE: The script also sets the Content-Type to application/json

Here is my front-end javascript to handle that response:

function ajax(){
    $.ajax({
         url: '../ajax/goal_ajax.php',
         dataType: 'json',
         success: function( data ){
          // success! :D
          alert('success');
         }, error: function( data ){
          // data.responseText is what you want to display, that's your error.
          alert(data.responseText);
         }
    })
    //progressBar.set('value',data.total);
    //document.getElementById('txtCDInfo').innerHTML=txt;
} 

When that function is called I get an alert with the following message:
{"items":1000,"mitems":0,"donations":0,"total":1000}

If everything was successful, I should get an alert that says success, right?

Can someone please tell me what is going on here?

Thank you!

Answer 1

This is the least documented thing in jquery what you need to do is alert the actual error in order to debug it. so do the following:

function my_ajax(){
    $.ajax({
         url: '/ajax/goal_ajax.php',
         dataType: 'json',
         success: function( data ){
          // success! :D
          alert('success');
         }, error: function(jqXHR, textStatus, errorThrown){
          // data.responseText is what you want to display, that's your error.
          alert(jqXHR+","+textStatus+","+errorThrown);
         }
    })
    //progressBar.set('value',data.total);
    //document.getElementById('txtCDInfo').innerHTML=txt;
} 

So two things I’ve done:

Change the name of the function (ajax is kinda a bad name :S) and improved the error reporting.

You should be getting the alert “success” yes. So something is going wrong.

EDIT:

Just noticed another thing, I dont think “../” would be a great way to reference the url, usually its either “/foo/ajax” which will allow you to use this function on any page.