ansaurus

Question

Problem in getting response from server in jquery

Answer 1

+1 A:

Instead of:

alert(request.responseText);

Use:

alert(request);

So it should be like:

$(document).ready(function(){
$("#form").submit(function(){
$.ajax({url:"Chat.jsp",type:"POST",data:$("#form").serialize(),success:function(response) {

  alert(response);
 },error:function(){document.write("YOU can't");}});

 return false;

});
});

Sarfraz 2010-05-23 13:30:32

@OP ...and probably call it something less misleading, like `data` or `response`. :-) Details here: http://api.jquery.com/jQuery.ajax/

T.J. Crowder 2010-05-23 13:32:30

I'm still getting blank alert dialog box in the above code.

Alvin 2010-05-23 13:40:39

@Alvin: what and how are you posting response from your server script?

Web Logic 2010-05-23 13:52:17

Answer 2

A:

Your success callback should have three arguments:

success(data, textStatus, XMLHttpRequest)

The XMLHttpRequest you're after is the 3rd argument; data.responseText is what you're actually finding is blank.

See http://api.jquery.com/jQuery.ajax/

meagar 2010-05-23 13:31:42

I've now entered all the three arguments in that method, and now I'm trying to display the message by using alert(data.responseText) but that resulting me an output "undefined". May I know what's the problem now?

Alvin 2010-05-23 13:38:59

Can you access the `data.responseXML`?

Lucanos 2010-05-23 14:22:08

Answer 3

A:

Well If you want a response from the server after requesting through POST method we can do something like this

$("#button").click(function() {
          $.post(
                 'thepagetoverfiy.php',
                 { username: $('#userid').val(), password: $('#pass').val() },
                 function(data) {
                      alert(data); // Popups your response 
                 });
});

on the "thepagetoverify.php"

$userid = $_POST['username'];
$password = $_POST['password'];
// Verfiy the User
if($success) { echo "You are successfully logged in."; }
else { echo "There has been an error. Please Try Again"; }

Starx 2010-05-23 13:47:53

Answer 4

A:

Discussion

I'm surprised the other answers haven't sorted it out for you. I've included a complete working example below in case there's just something really subtle going wrong in your code, but first, I have a few notes on your code.

Your code (reformatted):

$(document).ready(function(){
    // Does your form really have `id="form"` in it?
    $("#form").submit(function(){
        $.ajax({
            url:"Chat.jsp",
            type:"POST",
            data:$("#form").serialize(),
            success:function(request) {
                // `request` seems a very strange name; perhaps `data` or `response`?
                alert(request);
            },
            error: function(){
                // You can't use `document.write` after the page has been parsed
                document.write("YOU can't");
            }
        });
    });
});

Example

Client:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Ajax Test Page</title>
<style type='text/css'>
body {
    font-family: sans-serif;
}
</style>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'&gt;&lt;/script&gt;
<script type='text/javascript'>
(function() {
    $(document).ready(pageInit);

    function pageInit() {
        $('#btnGo').click(go);
    }

    function go() {
        $.ajax({
            url:        "ajaxserver.jsp",
            type:       "POST",
            data:       {"field1": "one"},
            success:    function(data) {
                alert("Request succeeded: " + data);
            },
            error:      function() {
                alert("Request failed");
            }
        });
    }

})();
</script>
</head>
<body>
<input type='button' id='btnGo' value='Go'>
</body>
</html>

Server:

<%
    response.setContentType("text/plain");
%>Hi there, field1 = <%=request.getParameter("field1")%>.

T.J. Crowder 2010-05-23 13:51:31

ansaurus

tags:

views:

answers:

Problem in getting response from server in jquery

Discussion

Example

related questions