如何让jQuery,AJAX和servlet一起工作？

我是jQuery和 AJAX的新手,但是经过7个小时的阅读教程和玩代码之后,我对他们的工作方式有了一个很好的理解.这就是我想要完成的……

我有一个允许用户注册该网站的Web应用程序.我希望他们输入的userName(在注册页面中)异步检查数据库中是否存在.看起来很直接,但我没有运气.

这是我写的jQuery ….

$(document).ready(function() {
        $("a").click(function(){
            alert("Should be going to servlet Now");
            $.ajax({
                type: 'GET',url: "checkName",data: {userName: "Hexose"},success: function(data){ alert(data);}
            });
        });

    });

我现在正在使用静态数据进行调试,因为我有另一个问题从表单字段中获取值.我也不太了解成功：功能部分,什么是“数据”作为函数的参数？是否有回应？

现在我有一个servlet映射到“checkName”并且servlet工作(我调试并通过URL传递参数).这是servlet代码……

public class checkUserNameServlet extends httpServlet {

protected void doGet(httpServletrequest request,httpServletResponse responsE)
        throws ServletException,IOException {

    @R_673_10495@ng targetUN = request.getParameter("userName");

    if (data.UserDB.USERNAMEExists(targetUN)) {
        @R_673_10495@ng exists = "Username already taken...";
        response.setContentType("text");
        response.setHeader("Cache-Control","no-cache");
        response.getWriter().write(exists);
        response.setStatus(200);
    } else {
        response.getWriter().write("Username is available...");
    }
}

}

我知道我对数据库的调用返回了我需要的内容,但我怀疑这个servlet中的某些内容是错误的.这里的好处是数据应该来自的元素

<tr>
  <td align="right">Username:</td>
  <td><input type="text" name="userName" id="userName" value="${user.userNamE}"  /</td>
  <td><span id="exist"> <a href="">check Availability</a></span></td>
</tr>

基本上我的问题是……
1.我是否正确使用jQuery,使用.ajax和诸如此类的东西？有更简单的方法可以做到这一点或其他更清洁的方法吗？
2.我的servlet有什么问题吗？我觉得响应不正确或我编码错误.
3.我如何从userName元素中获取值？我使用了$(“#userName”).val(),它总是给空字符串或null.

任何指针或提示或此处的任何内容都将非常感激,我有点在这一点上失去理智.此外,如果我完全关闭任何这个,请随意指向一个好的教程.

提前致谢.

编辑：所以userName元素的ID是我的问题.我改变了ID,现在整个工作都有效.但是有一个跟进问题.有没有办法停止表单提交,如果响应回来并说userName被采取？