为什么第一次点击时不显示此警报
Why isn't this alert displayed on first click?
我创建了一个按钮。当我单击该按钮时,我希望它运行PHP文件并显示警报。这是我正在尝试的:.HTML:
<button id="testid" style="height:20px; width: 50px; cursor: pointer" onclick="logoutfunc()">Logout</button>
JavaScript:
function logoutfunc() {
$(document).ready(function() {
$("#testid").click(function() {
$.ajax({
url: 'logoutt.php',
type: 'post',
success: function(result11) {
//$(location).attr('href', 'login.php');
alert(result11);
},
error: function() {
alert("no");
}
});
});
});
}
注销.php
<?php
$a="Hello";
echo $a;
?>
现在的问题是,当我第一次单击该按钮时,它不会显示警报。但是当我再次单击它时,它会显示两次相同的警报。当我再次单击它时,它会发出 3 次警报,依此类推。我写错了什么?
您将单击处理程序绑定到内联事件处理程序中,因此,当第一次单击按钮时,将附加事件处理程序。所以它第二次有效。
摆脱内联点击处理程序。 只需使用 jQuery 绑定事件处理程序
$(document).ready(function() {
$("#testid").click(function() {
$.ajax({
url: 'logoutt.php',
type: 'post',
success: function(result11) {
//$(location).attr('href', 'login.php');
alert(result11);
},
error: function() {
alert("no");
}
});
});
});
为什么你一次又一次地绑定同一个事件?
....onclick="logoutfunc()"...
从HTML中删除此部分,并在javascript中删除围绕文档就绪处理程序的函数。
$(document).ready(function(){
$("#testid").click(function(){
// your ajax code.
});
});
相关文章:
- 推特引导:弹出窗口不会在第一次点击时出现,但会在第二次点击时显示
- 为什么第一次点击时不显示此警报
- css'不显示'第一次不起作用
- 谷歌地图街景只显示第一次
- 第一次单击时未显示日期选取器
- 如何在第一次点击时突出显示链接;并在第二次单击时跟随它,除非在其他地方单击,然后重新初始化未高亮显示的状态
- jQuery:单击Ajax返回数据,但在第一次调用时显示在警报中
- 引导选项卡显示事件仅在第一次触发,而不会在第二个或以后的选项卡开关上触发
- 为什么日期选择器在自动打开第二个日期选择器上第一次更改月份时显示同月
- 奇怪的是,在第二次单击切换隐藏/显示按钮而不是第一次单击后,有两行有效
- 日期选取器在第一次组件单击时未显示
- 第一次访问网站时,Javascript没有突出显示菜单
- 隐藏后第一次单击时显示引导弹出窗口的问题
- AngularJS uib日期选择器没有'在uib选项卡中,不要在第一次打开/关闭事件之后显示日历
- 当用户第一次关闭特定页面时显示警告消息
- msDropDown子项在第一次单击时仅显示3px
- AngularJS-第一次运行.service计划发送数据,但没有显示,第二次运行,没有发送数据的计划,但显示了一些
- 在鼠标悬停上动态创建的谷歌地图只有第一次才能正确显示
- 如何只在第一次加载网站时显示DIV
- 谷歌地图标记循环只显示第一次迭代