用于 jsp 中 id 检查的 Ajax 只返回相同的结果

Question

我一直在努力使用 jsp 中的 ajax 检查 id。因此，当用户尝试创建一个新帐户时，他们将键入他们想要创建的id，ajax将检查数据库中是否有相同的id。如果有，它返回"n"，在 jsp 中它变为"不可用"。如果没有相同的 id，则返回"y"，并在 jsp 中更改为"可用"。问题是它似乎只返回"n"。

这是javascript。

 $('#email').keyup(function(){
    var str = $(this).val();
    var server = "idcheck";     
    $.post(server, {"email":str}, function(data){
        if(data.ret =='y'){
            $('#valid_check').html("available");
        }else if(data.ret =='n'){
            $('#valid_check').html("unavailable");
        }
        });
    });

这是加入.jsp。

<label id="valid_check">check if you can use id</label>
<input id="email" name="email" type="email" class="form-style-join" placeholder="ex> [e-mail]" />    

这是控制器。

@RequestMapping(value = "/idcheck", method = { RequestMethod.GET, RequestMethod.POST })
public @ResponseBody HashMap<String,String> idCheck(HttpServletRequest request,
        HttpServletResponse response){
    response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
    response.setHeader("Access-Control-Max-Age", "3600");
    response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
    response.setHeader("Access-Control-Allow-Origin", "*");
    response.setContentType("application/json");
    response.setCharacterEncoding("UTF-8");
    String mem_id = request.getParameter("mem_id"); 
    int ret= memberMapper.memberIDCheck(mem_id);
    HashMap<String,String> map = new HashMap<String,String>();

    if(ret == 1){
        map.put("ret", "y");
    }else if( ret != 1){
        map.put("ret", "n");
    }
    System.out.println(map);
    return map;
}

这是映射器。

@Select("SELECT count(*) AS cnt FROM `member` WHERE mem_id=#{mem_id}")
public int memberIDCheck(String mem_id); 

Answer 1

首先，您需要确保在 spring 控制器方法中获取输入字段值。所以在这里你发送一个参数{"电子邮件"：str}，但在控制器中你正在寻找"mem_id"。

试试这个代码：

@RequestMapping(value = "/idcheck", method =  RequestMethod.POST })
public @ResponseBody HashMap<String,String> idCheck(HttpServletRequest request, HttpServletResponse response, @RequestBody String email){
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
response.setHeader("Access-Control-Allow-Origin", "*");
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
String mem_id = email; 
int ret= memberMapper.memberIDCheck(mem_id);
HashMap<String,String> map = new HashMap<String,String>();

if(ret == 1){
    map.put("ret", "y");
}else if( ret != 1){
    map.put("ret", "n");
}
System.out.println(map);
return map;

}

在这里我添加了一个@RequestBody。以便 ajax 请求中绑定的数据"电子邮件"可以映射到方法参数电子邮件。