jquery $.ajax not working properly

Question

I have following bit of code which I am tring to run

   $.ajax({
      cache: false,
      url: './animationPlay.php',
      data: 'animation='+text,
      type: 'POST',
      datatype: 'text',
      success: function(data) { alert("succsess") },
      error: function(ts) { alert('error:'+ts.responseText) }
   });

I have seen how to catch ajax query post error? and jQuery $.get or $.post to catch page load error (eg. 404) but it doesn't work for my code.It is simply set to "error". How do I get more detail about what's gone wrong?

Thanks in advance.

EDIT: I tried

error: function(xhr, textStatus, error){
  console.log(xhr.statusText);
  console.log(textStatus);
  console.log(error);
}

I got error, error, an empty string in console. What does it mean?

@Baadshah - he shows in his code that he is trying to capture the error, but that `ts.responseText` returns nothing — ChrisW, Apr 15 '13 at 13:25
Try removing the `.` from the url. so it is `url: '/animationPlay.php'` — Tim B James, Apr 15 '13 at 13:26
@Jack I think jQuery should handle that nicely and just ignore it, using the default for `dataType` (so best guess, unless there's a globally set default elsewhere in the script). — Anthony Grist, Apr 15 '13 at 13:28
@AnthonyGrist What jQuery should do and actually does ... not always the same thing, so it's best to err on the safe side :) — Ja͢ck, Apr 15 '13 at 13:29
Open up your debugger.. check network tab to see if it's hitting your page successfully.. Check response from your page in network tab.. if it is hitting your page and sending a response then it's something on the server side that you need to debug. — wirey00, Apr 15 '13 at 13:59
@user2156244 were you able to figure out how to use the network tab? if not I can give you an example — wirey00, Apr 15 '13 at 14:20

score 0 · Answer 1 · answered Apr 15 '13 at 13:29

0

Try this ::

$.ajax({
        cache: false,
        url: './animationPlay.php',
        data: {
            animation: text
        },
        type: 'POST',
        datatype: 'text',
        success: function(data) { alert("succsess") },
        error: function(XMLHttpRequest, textStatus, errorThrown){
            alert('status:' + XMLHttpRequest.status + ', status text: ' + XMLHttpRequest.statusText);
        }

answered Apr 15 '13 at 13:29

Tushar Trivedi

400
1
2
12

1

this may help with your 0 status code issue: http://stackoverflow.com/questions/2000609/jquery-ajax-status-code-0 – jjenzz Apr 15 '13 at 13:41

Reinstate Monica Cellio · Answer 2 · 2013-11-06T14:51:10.753

-1

Try sending the post data as an object...

$.ajax({
    cache: false,
    url: './animationPlay.php',
    data: {
        animation: text
    },
    type: 'POST',
    success: function(data) { alert("succsess") },
    error: function(ts) { alert('error:'+ts.responseText) }
});

edited Nov 06 '13 at 14:51

answered Apr 15 '13 at 13:24

Reinstate Monica Cellio

25,975
6
51
67

Not going to make a difference, the object literal is going to get converted into an identical querystring anyway. – Anthony Grist Apr 15 '13 at 13:26
1

@AnthonyGrist: Wouldn't that not be true since this a post, not a get? – Colin DeClue Apr 15 '13 at 13:27
I am new in jquery. I have value text which changes on click. Is it possible to pass value of text by this way? – Apb Apr 15 '13 at 13:28
@user2156244 Yes, the value of `text` is passed as the parameter `animation`. – Reinstate Monica Cellio Apr 15 '13 at 13:29
@Archer: no change, still same blank alert – Apb Apr 15 '13 at 13:36
@ColinDeClue The conversion from object to string seems to always happen, regardless of request type, judging from the source code. It's additionally appended to the URL for a GET request though, as stated in the docs. – Anthony Grist Apr 15 '13 at 14:36
Right, but this is a POST, not a GET. So, it's not a query string. – Colin DeClue Apr 15 '13 at 14:45

score -1 · Answer 3 · answered Apr 15 '13 at 13:28

-1

$.ajax({
      cache: false,
      url: './animationPlay.php',
      data: 'animation='+text,
      type: 'POST',
      dataType: 'text',
      success: function(data) { alert("succsess") },
      error: function(ts) { alert('error:'+ts.responseText) }
      contentType:'SET THE CONTENT TYPE'
   });

Check for existense of the URL

answered Apr 15 '13 at 13:28

Parv Sharma

12,581
4
48
80

still display nothing blank alert – Apb Apr 15 '13 at 13:31

score -1 · Answer 4 · answered Apr 15 '13 at 13:44

Try this:

$.ajax({
        cache: false,
        url: 'animationPlay.php',
        data:  text,
        type: 'POST',
        dataType: 'text',       //<== see, in your question's code you have small 't'
        success: function(data) { alert("succsess") },
        error: function(){
            alert('error');
        }

jquery $.ajax not working properly

4 Answers4