1

如何通过 Ajax 从动作类中获取 JSP 值？当我输入用户名时，要检查数据库用户名是否存在。为此，我正在使用 Ajax。

这是我的 JSP 代码：

 $(document).ready(function(){
                $("#username").change(function(){
                    $("#message").html("checking...");          
                            $("#message").css('color', 'red');

                    var username=$("#username").val();
                    alert(username);

                    $.ajax({
                        type:"post",
                        url:"CheckUserAction",
                        data:"username="+username,
                        success:function(data){                        


//checking the code for username is present in database or not
                           }
        });
    });
    </script>
</head>

<body>
<%@include file="index.html" %>
 <div class="box2">
    <center>
    <!-- <div class="header"></div> -->
    <center>
        <div class="outer"><center>
        <br /><br /><br />
        <div class="inner"><br /><br /><br />
        <center> 
            <s:form action="RegisterationProcess" id="loginForm"  name="loginForm" method="post" >
                <table width="auto" border="0" align="center" cellpadding="2" cellspacing="0" class="tab">

                <tr>
                    <td colspan="2"><center><b>Registration Form</b></center></td>
                </tr>

                <tr>
                    <td colspan="2"><hr></td>
                </tr> 

                <input type="hidden" name="register" value="register"/>      
                <tr>     
                    <td><s:textfield name="user.userName"class="textfield" id="login" label="Name"/></td>
                </tr>

                <tr>  
                    <td><s:textfield name="user.userId" id="username"  class="textfield" label="User Name" /> </td> 
                    <div id="message"></div>        
                </tr>`enter code here`

                <tr>  
                    <td><s:password name="user.password"  class="textfield" id="password" label="Password" /></td>
                </tr>

                <tr>
                    <td><s:textfield name="user.emailId" class="textfield" id="emailAddress" label="Email" /></td>
                </tr>

                <tr>
                <td></td>
                <td><input id="sbmt" type="submit" value="Register"></td>
                <!-- <td><s:submit value="Register"  id="sbmt"/></td> -->
                </tr>

这是我的CheckUserAction课：

      private String userId;
    private String userName;

  public UserImpl getUser()
    {
        return user;
    }

public void setUser(UserImpl user) 
{
    this.user = user;
}


public String getUserName() 
{
    return userName;
}

public void setUserName(String userName) 
{
    this.userName = userName;
}

public String getUserId()
{
    return userId;
}

public void setUserId(String userId) 
{
    this.userId = userId;
}

public String execute()
{
  System.out.println("username"+userName);
}
}

我将用户名作为null.

4

5 回答 5

2

从查询文档中更改您data:"username="+username, 的data: {userName:username} 示例

$.ajax({
  type: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})

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

于 2013-09-18T14:33:31.023 回答
0

use data: {"username":username}, instead of data:"username="+username,

于 2013-09-18T19:14:50.323 回答
0 
           $.ajax({
                    type:"post",
                    url:"CheckUserAction",
                    data:{"username": username },
                    success:function(data){  

                    //checking the code for username is present in database or not
                    }
           });
于 2013-09-18T14:40:30.017 回答
0

错字：data:"username="+username应该是data:"userName="+username

为了避免这种错误，您也可以命名您的 javascript 变量userName；）

于 2013-09-18T14:31:01.650 回答
0

尝试

$.ajax({
  type:"post",
  url:"<s:url action='CheckUserAction'/>",
  data: { userName: username }
  success:function(data){                            
     //checking the code for username is present in database or not
  }
});
于 2013-09-18T14:43:44.643 回答