AJAX call to Jersey WebService doesn't work

Question

I'm trying out AJAX for the first time. I'm using a Jersey Web Service as what gets called. But my call always executes the error part. Help! please

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Jquery Basic</title>

<link rel="stylesheet" type="text/css" href="mystyle.css">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<script>
$(document).ready(function(){
    $("#submit1").click(function() {
        alert("click");
        var username = $("#textbox").val;
        $("#para1").text(username);
        $.ajax({
            type: 'POST',
            url: '/FirstProject/src/Resource/resource/welcome',
            data: username,

            success:  function(){alert("Login Success!")},
            error: function(){alert("Login Failure!")}
               });                    
        alert("ajax passed");
       });
    });
</script>
</head>

<body>
<a id="body1">JQuery Test Page</a><br>
<div id="heading"><a>Enter Your Details</a></div>
<div>
<div id="heading1"><a>UserName:</a></div>
<div><input id="textbox" type="text"/></div>
<button id="submit1">Submit</button>
</div>
<div><p id="para1"></p></div>
</body>
</html>

WebService is as follows

package Resource;
import javax.ws.rs.FormParam;
import javax.ws.rs.POST;
import javax.ws.rs.Path;

import POJO.passwordPojo;
import POJO.usernamePojo;



public class resource {

@POST
@Path("welcome")
public String welcomeFunction(@FormParam("username") String username)
    {
        setUserNameData(username);

        return "success";
    }

usernamePojo userName = new usernamePojo();
passwordPojo password = new passwordPojo();

public void setUserNameData(String userNameData)
    {
        userName.setUserName(userNameData.toString());
        printuserName();
    }
public void setpasswordData(String passwordData)
    {
        password.setPassword(passwordData.toString());
        printPassword();
    }
public void printuserName()
    {
        System.out.println("UserName:"+userName.getUserName());
    }
public void printPassword()
    {
        System.out.println("Password"+password.getPassword());
    }
}

Blast!! I know most of my question is code!! Bloody post it already!

Answer 1

Think data needs to be an array.

var usernameVal = $("#textbox").val;
 $.ajax({
            type: 'POST',
            url: '/FirstProject/src/Resource/resource/welcome',
            data: { username : usernameVal }

Answer 2

以json格式将数据以JSON形式发送，索引为{"username":username } ，例如....,data: {"username":username },....

AJAX call to Jersey WebService doesn't work

Question

2 answers

solution1
0 2013-10-09 11:18:45

solution2
0 2013-10-09 11:19:10

AJAX call to Jersey WebService doesn't work

Question

2 answers

solution1 0 2013-10-09 11:18:45

solution2 0 2013-10-09 11:19:10

solution1
0 2013-10-09 11:18:45

solution2
0 2013-10-09 11:19:10