Null value passed to servlets using jquery ajax

Question

I am developing a sample application with jquery ajax.My Login.jsp has

       <html>
       <script>
    $(document).ready(function() {
    $("#dialog").dialog();

    $("#LoginForm").submit(function()
    {
     var username=$("#username").val();
     var password=$("#password").val();
     var datastring='username '+username+ '&password '+password;

    $.ajax({
        url: 'Login',
        type: "POST",
        data: datastring,
       /*error: function(){
            alert("Data Error"); 
        },*/
        success: function (data){
            window.open.href("success.jsp");
        }
     });
    });
});
 </script> 
 </head>
 <body>
<div id="dialog" title="LoginDB">
<form id="LoginForm" method="post">
<fieldset>
<label>Username:</label>
<input type="text" id="username" value=""></input><br></br>
<label>Password:</label>  
<input type="password" id="password" value=""></input><br></br>
<input type="submit" id="submit" class="submit" value="Log In" align="middle"></input>
</fieldset>
</form>
</div>
</body>
</html>

when I run the application I see that null value is passed in servlet where I check for credentials and if success the data is inserted and the user is redirected to success page.I know its a simple error but am not able to figure it out..

Can anyone point me out??Thanks:)

Chandu · Accepted Answer · 2011-05-03 17:17:29Z

5

The querystring that is being generated is wrong.

Change var datastring='username '+username+ '&password '+password; to

var datastring='username='+username+ '&password='+password;

Better alternative is to use the jquery form serialize to get the post data.

Try this:

var postData =$("#LoginForm").serialize();      
$.ajax({         
 url: 'Login',         
 type: "POST",         
 data: postData
.
.
.

answered May 3, 2011 at 17:17

Chandu

83.2k19 gold badges137 silver badges136 bronze badges

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

1 Comment

Jeremy Battle Over a year ago

This is what I was going to point out as well, alternatively var datastring = {'username': username, 'password': password}; should also work.

Collectives™ on Stack Overflow

Null value passed to servlets using jquery ajax

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related