shaokel
2019-10-27 11:47
采纳率: 98.6%
浏览 235
已采纳

请求大佬支援!!!为什么$.post方法方法不执行

请各位大佬赐教

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+ ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>"/>
<meta charset="utf-8">
<title>验证码</title>    
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

function reloadCheckImg(){
    /* 强制刷新:除了禁止缓存以外,还需要给服务端传递一个唯一的参数值,
                   参数一般是随机数或者时间,这个参数没有什么实际的意义 */
    $("img").attr("src","img.jsp?t="+(new Date().getTime()));//<img src="">
}

$(document).ready(function(){
    $("#checkcodeId").blur(function(){
        var $checkcode = $("#checkcodeId").val();
        //校验:文本框中输入值发送到服务端
        //服务端:获取文本框输入的值,和真实验证码图片中的值对比,并返回验证结果
        $.post(
            "CheckCodeServlet",//发送请求地址
            "checkcode="+$checkcode,//待发送 Key/value参数
            function(result){//发送成功时回调函数
                var resulthtml = $("<p>"+result+"</p>");    
                $("#tip").html(resulthtml); 
                alert("resulthtml");
        });
    });
});
</script>
</head>

<body>
    验证码:
    <input type="text" name="checkcode" id="checkcodeId" size="4">
    <!-- 验证码: -->
    <a href="javascript:reloadCheckImg();"><img src="img.jsp"></a>
    <span id="tip"></span>
</body>
</html>
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 毕小宝 2019-10-27 12:31
    已采纳

    F12 看看浏览器的控制台有没有 js 错误,再看看网络请求响应内容是什么,是否正确响应了。

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • Json-Huang 2019-10-27 12:13

    代码 "checkcode="+$checkcode,//待发送 Key/value参数这里注释是key/value值,上面$checkcode = $("#checkcodeId").val();返回的不是json格式值把

    评论
    解决 无用
    打赏 举报