比如这个
<form method="get" action="/ef">
<input value="xxxxxxxxxx" type=submit id="ffff" />
</form>
点击按钮提交后直接跳转去ef页面
但是如果加了一段js代码以后
<script type="text/javascript" language="javascript">
$(function () {
$("#ffff").bind('click', oooo);
});
function oooo() {
alert('b');
$.ajax({
url: "/ef",
cache: false,
success: function (data) {
alert(data);
}
});
return false;
}
</script>
给按钮注册了一个click事件,这个事件执行oooo方法,就会发现点击按钮直接进行oooo方法,不会去执行表单中action=/ef
的事件
主要是因为js代码中有关return false。阻止了表单去执行action=/ef
但是如果把return false注释掉,就会发现点击按钮先执行了ooo方法,oooo方法执行完毕以后,表单又去执行调整action=/ef
<form method="get" action="/ef">
<input value="xxxxxxxxxx" type=submit id="ffff" />
</form>
点击按钮提交后直接跳转去ef页面
但是如果加了一段js代码以后
<script type="text/javascript" language="javascript">
$(function () {
$("#ffff").bind('click', oooo);
});
function oooo() {
alert('b');
$.ajax({
url: "/ef",
cache: false,
success: function (data) {
alert(data);
}
});
return false;
}
</script>
给按钮注册了一个click事件,这个事件执行oooo方法,就会发现点击按钮直接进行oooo方法,不会去执行表单中action=/ef
的事件
主要是因为js代码中有关return false。阻止了表单去执行action=/ef
但是如果把return false注释掉,就会发现点击按钮先执行了ooo方法,oooo方法执行完毕以后,表单又去执行调整action=/ef