ajax离焦验证用户名

<script>
function isExist(nameLc){

        var url_check = "queryStuByName.action?name="+nameLc;
        $.ajax({
            type: "GET",
            url: url_check,
            dataType: "json",
            success: function(data){
                if(data.result==1){
                    $('#checkResult').html('<font color=red>用户已经存在请重新输入！</font>');
//                  document.getElementById("checkResult").innerHTML="<font color=red>用户已经存在请重新输入！</font>";
                }else if(data.result == 0){
//                  document.getElementById("checkResult").innerHTML="<font color=green>用户可以使用！</font>";
                    $('#checkResult').html('<font color=green>用户可以使用！</font>');
                }else{
                    $('#checkResult').html('<font color=red>用户不能为空！</font>');
//                  document.getElementById("checkResult").innerHTML="<font color=red>用户不能为空！</font>";
            }
            }
        });
    }
</script>

<table>
    <tr>
        <td>姓名<font color="red">*</font></td>
        <!-- 设置离焦事件 -->
        <td><input type="text" name="student_name" onblur="isExist(this.value)"/></td>
        <td><div id="checkResult"></div></td>
    </tr>   
</table>

@RequestMapping("queryStuByName")
@ResponseBody
public Map<String, Object>  queryStuByName(String name) {
    //调用service业务逻辑
    int i = studentService.queryStuByName(name);
    //放入map
    Map<String, Object> map = new HashMap<>();
    map.put("result", i);

    return map;
}

$(“.label”):这个代码选中html文档中，class属性为label的标签，即<任意 class=”label”> 。

$(“#label”):这个代码选中html文档中，id为label的标签，即<任意 id=”label”>