无法显示判断信息

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>验证码</title>
<style>#code{height: 30px;}</style>
</head>
<body>
<form action="submit.action">
<p>验证码：<input type="text" name="kaptcha" id="code" maxlength="5" palacholder="请输入验证码"><img src="http://localhost:8080/kaptcha.jpg" /></p>
<p><input type="button" value="登陆" id="login"></p>
</form>
<form>
<script src="js/jquery-1.12.4.min.js" type="text/javascript" id="changecode"></script>
<script>
$(function () {
$("#changecode").on("click",function () {
$(this).attr("src","http://localhost/imooccode/kaptcha.jpg?d="+ new Date().getTime());
});

//给登陆按钮绑定点击事件
$("#login").on("click",function () {
//获取用户输入的验证码
var code = $("#code").val();
var params = {"code":code};
$.post("http://localhost/imooccode/login",params,function (data) {
if(data=="success"){
$("#result").html("验证码输入正确");
}else{
$("#result").html("验证码输入有误，请重新输入...");
$("#code").val("").focus();
}
});
});
});
</script>
</form>
</body>
</html>

慕前端6181323 2018-09-11

源自：项目：Java实现验证码 5-1 完成验证功能

收起

1回答

好帮手慕阿莹 2018-09-11 15:16:23

建议把

$.post("http://localhost/imooccode/login",params,function (data)

$(this).attr("src","http://localhost/imooccode/kaptcha.jpg?d="+ new Date().getTime());

在localhost后边加上:8080试试。

如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

收起回答

提问者慕前端6181323 #1

麻烦老师了，加了控制台显示了POST http://localhost:8080/imooccode/login 404 ()

2018-09-11 16:15:45
提问者慕前端6181323 #2

具体如下： POST http://localhost:8080/imooccode/login 404 () jquery-1.12.4.min.js:4 send @ jquery-1.12.4.min.js:4 ajax @ jquery-1.12.4.min.js:4 n.(anonymous function) @ jquery-1.12.4.min.js:4 (anonymous) @ text.jsp:26 dispatch @ jquery-1.12.4.min.js:3 r.handle @ jquery-1.12.4.min.js:3

2018-09-11 16:34:54
好帮手慕阿莹回复提问者慕前端6181323 #3

1、检查一下你的web.xml中是否正确配置了login路径。

2018-09-11 16:37:13