普通网友 2016-02-02 13:38 采纳率: 45.5%
浏览 1331
已采纳

关于 jquery实现Ajax 但是没有效果

 servlet：
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        System.out.println(1);

        List<String> userNames = Arrays.asList("AAA","BBB","CCC");
        String userName = request.getParameter("userName");
        String result = null;

        if(userNames.contains(userName)){
            System.out.println(2);
            result = "<font color='red'>该用户名已被使用</font>";
        }else {
            result = "<font color='green'>该用户名可以使用</font>";
        }
        System.out.println(3);
        response.setContentType("text/html;charset=UTF-8");
        response.setCharacterEncoding("UTF-8");
        response.getWriter().print(result);

    }







index.jsp
<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.11.3.js/"></script>
 <script type="text/javascript">

    $(function(){
        $(":input[name='username']").change(function(){

            var val = $(this).val();
            val = $.trim(val);
            if(val!=""){
                var url = "${pageContext.request.contextPath}/login";
                var args = {"userName":val,"time":new Date()};
                $.post(url,args,function(data){
                    $("#message").html(data);
                });
            }
        });
    });
 </script>
</head>
<body>
    <form action=""  method="post">
        UserName:<input type="text" name="username" />
        <br/>
        <div id="message"></div>
        <br/>
        <input type="submit" value="Submit" />
    </form>
</body>
</html>

xml:


    <servlet>
        <description>
        </description>
        <display-name>UserNameServlet</display-name>
        <servlet-name>UserNameServlet</servlet-name>
        <servlet-class>com.servlets.UserNameServlet</servlet-class>
    </servlet>
        <servlet-mapping>
        <servlet-name>UserNameServlet</servlet-name>
        <url-pattern>/login</url-pattern>
    </servlet-mapping>
  • 写回答

3条回答 默认 最新

  • 斯洛文尼亚旅游 2016-02-03 01:16
    关注

    怎么多了个/在最后？手误还是什么？如果有/在后面是目录了，应该是这个问题导致jquery加载不进去，最好用$.ajax配置error看是否执行到error，$.post只有200状态才会执行success，只能用浏览器开发工具看ajax返回结果

     <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.11.3.js/"></script>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥15 CSS通配符清除内外边距为什么可以覆盖默认样式？
  • ¥15 SPSS分类模型实训题步骤
  • ¥15 求解决扩散模型代码问题
  • ¥15 工创大赛太阳能电动车项目零基础要学什么
  • ¥20 limma多组间分析最终p值只有一个
  • ¥15 nopCommerce开发问题
  • ¥15 torch.multiprocessing.spawn.ProcessExitedException: process 1 terminated with signal SIGKILL
  • ¥15 QuartusⅡ15.0编译项目后，output_files中的.jdi、.sld、.sof不更新怎么解决
  • ¥15 pycharm输出和导师的一样，但是标红
  • ¥15 想问问富文本拿到的html怎么转成docx的