click事件的ajax触发不了，请求大神解答
<%@ 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">创新 专业 合作 务实</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触发不了，请求大神解答
还有就是你这ajax里面要加入错误检查机制，如果你发送的数据格式不正确或者其它错误，服务器会返回相关的错误信息，根据错误信息找到错误原因，你这里只有success: 成功后执行代码，没有错误处理机制
出现这种情况的原因有很多种，比如说你js代码里面有错误，js代码自然不会执行，自然也就无法触发click事件， 你这发的乱七八糟，看不清楚，重新发
这应该是js里面的代码出错的原因
你这个错误显示也描述不清楚，先把问题整理好再问吧
解决方案：首先检查js代码里面有没有错误，如果确保没有任何错误，可以执行到ajax里面，但是没有执行success：后面的代码，那就在ajax里面加上错误检查机制
error: function (xhr, textStatus) {
layer.open({
type: 1,
content: '错误' + textStatus
});
看看服务器返回的错误类型是什么，根据错误类型修改，有可能是json数据格式不对，或者其它原因
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'); }})
<%@ 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; }
%>>){kind=logo}
办公系统
Button1是submit，表单提交了当然无法触发ajax，return false阻止表单提交
$("#Button1").click(function(){
////..............原来的代码
return false////////////////阻止表单提交
});
把登录按钮放到form表单之外试试
可以给按钮定义个id，例如id="btn1"
代码就这样写
$("#btn1").click(function(){
这里放addSchool的函数体。
});
可以推荐你一个简单的测试方法，新建一个测试页，你在页面只保留绑定点击事件的按钮，确认引入jquery，点击请求，以下代码我测试正常，你可以改掉一部分看看是否正常。