Sending ajax call to php server returns empty error

Question

I have the following ajax call in a function, which is called upon a clickevent.

$.ajax({
  url:"server.php",
  type:'GET',
  data: {'action':'addEvent'},
  success: function(response)
  {
    if(response)
    {
    alert("200 ok");                
    }
 },
 error: function(xhr, ajaxOptions, ThrownError)
 {
   alert("Error:" + ThrownError);
   $("#output").text("Error: "+ThrownError);
 }
});

The php side is as follows.

  if(isset($_GET["action"]))
   {
      $action = $_GET["action"];
     if($action == 'addEvent')
     {
          echo("ping");
     }

   }

Now it throws an error. But the error message i get is :

Exactly, i get Error:

It is driving me crazy.

Also i put in my document.ready, to let it act as some sort of ping, and it worked perfectly

@Dev that was exactly my problem, if i had an error this question would not be here — Henk Jansen
– Henk Jansen, Commented Oct 30, 2012 at 12:26
What is exact response you receive? You can take a look at it in developer tool (F12, you may need to install FireBug in FF), network tab or something similar — Viktor S.
– Viktor S., Commented Oct 30, 2012 at 12:34
I get no response, absolutely nothing. But it does give a response when i put in document.ready() — Henk Jansen
– Henk Jansen, Commented Oct 30, 2012 at 12:36

Viktor S. · Accepted Answer · 2012-10-30 13:03:49Z

2

Take a look at this jsFiddle. I'm getting there same error you have.

Why that is happening there: link is clicked and ajax request is sent. But default action is not stopped and browser navigates to url specified in href and stops any JS execution. AJAX call is stopped too.

In order to prevent that, you should do something like this:

$('a').click(function(e) { 
    $.ajax({
      url:"server.php",
      type:'GET',
      data: {'action':'addEvent'},
      success: function(response) {
        if(response) {
           alert("200 ok");                
        }
      },
      error: function(xhr, ajaxOptions, ThrownError) {
         alert("Error:" + ThrownError);
         $("#output").text("Error: "+ThrownError);
      }
   }); 
   e.preventDefault();//this will not allow browser to move to a different URL
   return false; //alternative to e.preventDefault(). 
});

Possibly you have similar problem, but it is hard to notice because your element is causing simple page reload, browser navigates to the same page.

answered Oct 30, 2012 at 13:03

Viktor S.

12.8k1 gold badge30 silver badges56 bronze badges

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

1 Comment

Henk Jansen Over a year ago

This helped. I just got success. This just worked. O my god. So epic. Thank you.

CuriousMind · Accepted Answer · 2012-10-30 12:33:10Z

0

The function definition for error is the following:

error(jqXHR, textStatus, errorThrown)

further, try to get more info by defining the following

statusCode

A map of numeric HTTP codes and functions to be called when the response has the corresponding code. For example, the following will alert when the response status is a 404:

$.ajax({
  statusCode: {
    404: function() {
      alert('page not found');
    }
  }
});

If the request is successful, the status code functions take the same parameters as the success callback; if it results in an error, they take the same parameters as the error callback.

success(data, textStatus, jqXHR)

so now, you have two more functions defined(success + http code). so if the request fails, it would execute code in error, if it successful it will execute success. In both case, you will get the http response code. check if the code is 200, then everything went well. 404 - the script url is wrong. 500 - there is a server error & so on.

answered Oct 30, 2012 at 12:33

CuriousMind

34.3k29 gold badges102 silver badges142 bronze badges

1 Comment

Henk Jansen Over a year ago

when i print jqXHR.status i get 0. But i am not sure that this is the actual statusCode, is there a way i can output the statusCode?

Collectives™ on Stack Overflow

Sending ajax call to php server returns empty error

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related