关于 jquery实现Ajax 但是没有效果 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

2016-02-17 21:55:35 2358 1
 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>
取消 提交回答
全部回答(1)
  • 51干警网
    2019-07-17 18:29:14
    已采纳

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

     <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.11.3.js/"></script>
    0 0
相关问答

1

回答

jquery中的ajax的请求出现问题

2016-07-14 16:58:18 2039浏览量 回答数 1

1

回答

如何更改 jQuery Mobile 的 Ajax 默认提示?

2016-07-08 10:06:20 2245浏览量 回答数 1

1

回答

使用jQuery ajax,回调函数

2016-07-07 18:31:14 1793浏览量 回答数 1

1

回答

jquery ajax 导入json数据进行修改操作

2016-07-07 15:27:17 3827浏览量 回答数 1

1

回答

jquery ajax 读取json数据存入表格中

2016-07-07 14:45:32 2185浏览量 回答数 1

1

回答

JQuery Ajax + PHP 出现乱码,求解决方法

2016-07-07 14:30:30 2071浏览量 回答数 1

1

回答

jquery ajax 的$.post()跟$.get()方法有什么区别

2016-07-07 14:20:15 2054浏览量 回答数 1

1

回答

jQuery ajax jsonp方式取后台的json数组报错

2016-07-07 10:11:14 1985浏览量 回答数 1

1

回答

jquery mobile ajax 请求,弹出提示框

2016-07-05 17:07:35 1910浏览量 回答数 1

1

回答

求助关于ajax jquery asp.net综合问题

2016-05-31 02:27:14 1938浏览量 回答数 1
+关注
51干警网
阿里云论坛版主,QQ 1978638808
58
文章
9427
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载