sunjianghua1985
sunjianghua2018
采纳率60%
2018-06-20 05:42

click事件的ajax触发不了,请求大神解答

10
已采纳
 <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>登录</title>
<link rel="icon" href="/assets/images/favicon.ico?verson=<%=Math.random()%>>">
<link href="/assets/css/base1.css" rel="stylesheet" type="text/css" />  
<link href="/assets/css/base.css" rel="stylesheet" type="text/css" />
<link href="/assets/css/global.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    .login_fs {
        position: absolute;
        right: 0;
        top: 9.5%;
        width: 52px;
        height: 52px;
        cursor: pointer;
        z-index:100
    }
    .qrcode_btn {
        background: #ffffff url(/assets/images/loginfs.png) no-repeat;
    }
    .qrcode_btn:hover {
        background: #ffffff url(/assets/images/loginfs.png) no-repeat 0px -60px;
    }
</style>
<script type="text/javascript" src="/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery-ui.min.js"></script>
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
</head>
<body class="login_bg">
<div class="logo"><div class="fl"><img src="/assets/images/logo.png?verson=<%=Math.random()%>>"/></div><div class="fl logolm">办公系统</div></div>
<div class="login">
<div class="login_fs qrcode_btn" title="微信扫码登录" onclick="showQrcode()"></div>
<div id="login">
<form action="/login" method="post" id="myform" class="form-horizontal" >
<div class="login_tab">
<div class="lm">员工登录</div>
<div class="login_form">
<ul>
<li class="login_user"><input id="userName" name="staffVO.userName" type="text" style="width:95%" class="login_text" value="" placeholder="登录用户名" required autofocus /></li>
<li class="login_pass"><input id="password" name="staffVO.password" type="password" style="width:95%" class="login_text" placeholder="登录密码" required/><span class="error">${errorMessage }</span></li>
<li class="login_btndiv" style="margin-top: 25px"><input id="Button1"  type="submit" value="登录" class="login_btn"/></li>
</ul>
</div>
<div class="mt10"><a href="/toResetStep1" style="color:#ee5252" >忘记密码/花名</a></div>

<div class="mt10">地区:通州,南通,如东,广州,南京,佛山</div>
</div>
</form>
<div class="login_banner">创新&nbsp;&nbsp;专业&nbsp;&nbsp;合作&nbsp;&nbsp;务实</div>
</div>
</div>
<div id="loginTab" style="position:absolute;top:20%;left:38%;display:none"></div>
<script type="text/javascript">
$(function(){
     var code = '${param.code}';
     if(code){
         location.href = "/index"+location.search;
     }
});
var appID = "wx9c2800cfc46895f0";
var uri = "http://www.zhizaolian.com:9090";
var obj = new WxLogin({
  id: "loginTab",
  appid: appID,
  scope: "snsapi_login", 
  redirect_uri: encodeURI(uri),
  state: guid()
});
function showQrcode(){
    $(".login").css("opacity", "0.1");
    $(".logo").css("opacity", "0.1");
    $("#loginTab").css("display", "block");
    $("input").css("pointer-events", "none");
    $(".qrcode_btn").css("pointer-events", "none");
}
$("#login, .logo").click(function(){
    if($("#loginTab").css("display")=='block'){
        $("#loginTab").css("display", "none");
        $(".login").css("opacity", "1");
        $(".logo").css("opacity", "1");
        $("input").css("pointer-events", "");
        $(".qrcode_btn").css("pointer-events", "");
    }
});
function guid() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
        var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
        return v.toString(16);
    });
}
$("#Button1").click(function(){
    alert(1);
    var userName =$("#userName").val();
    var password =$("#password").val();
    $.ajax({
        url:'/chaxunContract',
        type:'post',
        data:{userName:userName,password:password},
        dataType:'json',
        success:function(data){
            alert(2);
            alert(data.diff);

            if(data.diff>3){
                var params = $("#myform").serialize();
                window.location.href="/login"+ decodeURICompoent(params,true);
                Load.Base.LoadingPic.FullScreenShow(null);
            }else if(data.diff<=3 && data.diff>=0){
                layer.open({
                    offset:'100px',
                    title:'提醒',
                    content:"您的劳动合同于"+data.endDate+"到期,请联系人事部门进行续签",
                    success:function(index){
                        layer.close(index);
                        var params = $("#myform").serialize();
                        window.location.href="/login"+ decodeURICompoent(params,true);
                        Load.Base.LoadingPic.FullScreenShow(null);
                    }
                })
            }else if(data.diff<0){
                layer.alert("您的劳动合同已于"+data.endDate+"到期,请联系人事部门进行续签后再登录");
            }else if(data.diff=='no'){
                layer.alert("您暂时未签署劳动合同,请联系人事部门进行签署后再登录");
            }
        }
    })
})
</script>
</body>
</html>

click事件的ajax触发不了,请求大神解答

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

17条回答

  • wodexinhao wodexinhao 3年前

    还有就是你这ajax里面要加入错误检查机制,如果你发送的数据格式不正确或者其它错误,服务器会返回相关的错误信息,根据错误信息找到错误原因,你这里只有success: 成功后执行代码,没有错误处理机制

    点赞 1 评论 复制链接分享
  • showbo GoCityPass新加坡曼谷通票 3年前

    Button1是submit,表单提交了当然无法触发ajax,return false阻止表单提交

     $("#Button1").click(function(){
    ////..............原来的代码
    
    return false////////////////阻止表单提交
    });
    
    点赞 1 评论 复制链接分享
  • wodexinhao wodexinhao 3年前

    解决方案:首先检查js代码里面有没有错误,如果确保没有任何错误,可以执行到ajax里面,但是没有执行success:后面的代码,那就在ajax里面加上错误检查机制

     error: function (xhr, textStatus) {
    
                    layer.open({
                        type: 1,
                        content: '错误' + textStatus
                    });
    

    看看服务器返回的错误类型是什么,根据错误类型修改,有可能是json数据格式不对,或者其它原因

    点赞 1 评论 复制链接分享
  • u010465627 u010465627 3年前

    可以推荐你一个简单的测试方法,新建一个测试页,你在页面只保留绑定点击事件的按钮,确认引入jquery,点击请求,以下代码我测试正常,你可以改掉一部分看看是否正常。

    $("#Button1").click(function(){ $.ajax({ url:'/chaxunContract', type:'post', dataType:'json', success:function(data){ } }) })
    点赞 评论 复制链接分享
  • wuzhenxiou wuzhenxiou 3年前

    可以给按钮定义个id,例如id="btn1"
    代码就这样写
    $("#btn1").click(function(){
    这里放addSchool的函数体。
    });

    点赞 评论 复制链接分享
  • sysmwx 倾世烟火为你而唱 3年前

    把登录按钮放到form表单之外试试

    点赞 评论 复制链接分享
  • sunjianghua1985 sunjianghua2018 3年前

    图片说明

    点赞 评论 复制链接分享
  • sunjianghua1985 sunjianghua2018 3年前

    图片说明

    点赞 评论 复制链接分享
  • sunjianghua1985 sunjianghua2018 3年前

    图片说明

    点赞 评论 复制链接分享
  • sunjianghua1985 sunjianghua2018 3年前

    图片说明

    点赞 评论 复制链接分享
  • sunjianghua1985 sunjianghua2018 3年前

    图片说明

    点赞 评论 复制链接分享
  • sunjianghua1985 sunjianghua2018 3年前

    图片说明

    点赞 评论 复制链接分享
  • sunjianghua1985 sunjianghua2018 3年前

    <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <!DOCTYPE html>




    登录



    .login_fs { position: absolute; right: 0; top: 9.5%; width: 52px; height: 52px; cursor: pointer; z-index:100 } .qrcode_btn { background: #ffffff url(/assets/images/loginfs.png) no-repeat; } .qrcode_btn:hover { background: #ffffff url(/assets/images/loginfs.png) no-repeat 0px -60px; }


    办公系统
    员工登录
    • ${errorMessage }
    地区:通州,南通,如东,广州,南京,佛山


    创新  专业  合作  务实


    $(function(){ var code = '${param.code}'; if(code){ location.href = "/index"+location.search; } }); var appID = "wx9c2800cfc46895f0"; var uri = "http://www.zhizaolian.com:9090"; var obj = new WxLogin({ id: "loginTab", appid: appID, scope: "snsapi_login", redirect_uri: encodeURI(uri), state: guid() }); function showQrcode(){ $(".login").css("opacity", "0.1"); $(".logo").css("opacity", "0.1"); $("#loginTab").css("display", "block"); $("input").css("pointer-events", "none"); $(".qrcode_btn").css("pointer-events", "none"); } $("#login, .logo").click(function(){ if($("#loginTab").css("display")=='block'){ $("#loginTab").css("display", "none"); $(".login").css("opacity", "1"); $(".logo").css("opacity", "1"); $("input").css("pointer-events", ""); $(".qrcode_btn").css("pointer-events", ""); } }); function guid() { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8); return v.toString(16); }); } $("#Button1").click(function(){ alert(1); var userName =$("#userName").val(); var password =$("#password").val(); $.ajax({ url:'/chaxunContract', type:'post', data:{userName:userName,password:password}, dataType:'json', success:function(data){ alert(2); alert(data.diff); if(data.diff>3){ var params = $("#myform").serialize(); window.location.href="/login"+ decodeURICompoent(params,true); Load.Base.LoadingPic.FullScreenShow(null); }else if(data.diff<=3 && data.diff>=0){ layer.open({ offset:'100px', title:'提醒', content:"您的劳动合同于"+data.endDate+"到期,请联系人事部门进行续签", success:function(index){ layer.close(index); var params = $("#myform").serialize(); window.location.href="/login"+ decodeURICompoent(params,true); Load.Base.LoadingPic.FullScreenShow(null); } }) }else if(data.diff<0){ layer.alert("您的劳动合同已于"+data.endDate+"到期,请联系人事部门进行续签后再登录"); }else if(data.diff=='no'){ layer.alert("您暂时未签署劳动合同,请联系人事部门进行签署后再登录"); } } }) })


    点赞 评论 复制链接分享
  • weixin_42463631 weixin_42463631 3年前

    ajax请求成功之前dom元素还未被绑定click事件,所以你不能去触发click事件,你这样写试试看$.ajax({ type: "POST", url: "purchase.php", data: { product_sn: product_sn, act: 'getProductInfo' }, dataType: "text", success: function(msg) { $("#add_one").bind('click', function() { alert(1); }); $("#add_one").trigger('click'); }})

    点赞 评论 复制链接分享
  • qq_40107536 神沐 3年前

    你这个错误显示也描述不清楚,先把问题整理好再问吧

    点赞 评论 复制链接分享
  • qq_35771342 qq_35771342 3年前

    这应该是js里面的代码出错的原因

    点赞 评论 复制链接分享
  • wodexinhao wodexinhao 3年前

    出现这种情况的原因有很多种,比如说你js代码里面有错误,js代码自然不会执行,自然也就无法触发click事件, 你这发的乱七八糟,看不清楚,重新发

    点赞 评论 复制链接分享

相关推荐