Issue with jQuery ajax post

Question

This is a followup to this question. Since the problem that I'm now facing is different from that, I thought I'll pose a new question.

I'm having an issue with the following code where in, the request is getting POSTed to the server, but whatever response the server has sent is not visible on the browser (in the form of an alert here).

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('#login').delegate('input#submit','click',function(){
        var request = $.ajax({
            type: "POST",
            url: "login",
            data: {userid: $("#userid").val(), password:$("#password").val()},
            datatype: "xml",
            cache: false,
            success: function(xml){alert(xml);}
        });
    });
});

</script>

I can see that this request is going to the server - can see it in the logs. But I don't see the server's response in the browser. Here's the server's response:

<result><url>landing-page</url></result>

Not sure what am I doing wrong, but this seems to be simple stuff that I should get it working without issue. Tried Firebug, but no luck. Any idea as to where am I going wrong here or on how to debug this issue further.

Thanks

Can you show server side code . Also use console.log() in place of alert(). Does it return data in firebug ? — Jashwant
– Jashwant, Commented May 25, 2012 at 5:08
is any data appearing in the response headers visible in firebug/developer tools? — kinakuta
– kinakuta, Commented May 25, 2012 at 5:09
If you try this in Chrome and open the DevTools (Ctrl + Shift + I), you will see the Network tab. When you click on that, you can see all of the requests going out, and their responses. You should see one that says "login". If you click on it, does it have a response in the Response tab? — frosty
– frosty, Commented May 25, 2012 at 5:09
try changing this success: function(xml){alert(xml);} to success: function(data){alert(data);} — Rohit Choudhary
– Rohit Choudhary, Commented May 25, 2012 at 5:09
I don't think I have ever seen $.ajax assigned to a variable. I don't know for sure, but perhaps the success callback doesn't happen because the value is actually assigned to the variable. Try getting rid of the setting of var request — Tim Hobbs
– Tim Hobbs, Commented May 25, 2012 at 5:11

frosty · Accepted Answer · 2012-05-25 05:12:46Z

1

Either change your "success" callback to a "complete" callback, or add a complete callback. My guess is that it isn't detecting a "success" even though the response is being successfully retrieved. If it fires the "complete" callback, then you can try and fix your webservice to provide a successful response.

answered May 25, 2012 at 5:12

frosty

21.8k8 gold badges58 silver badges78 bronze badges

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

2 Comments

KumarM Over a year ago

You are right, it helps if I change it to 'complete'. Do you know what the reason is that 'success' isn't responding?

frosty Over a year ago

It has to do with a header in your response on the server. I think that jQuery success callback is looking for a response code of 200. If your server doesn't have that... then I jQuery can't know...? I am not positive, but that is what I think is happening. If you look in the jQuery code, you will be able to see what it is looking for.

Collectives™ on Stack Overflow

Issue with jQuery ajax post

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related