码迷,mamicode.com
首页 > Web开发 > 详细

关于ajax中return false无效的问题

时间:2015-10-13 19:14:19      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

 

onSubmit="return checkForm();" 方法中:

在ajax里直接写return false,是无效的。

因为它返回的是ajax中的success方法,而不是checkForm()。

因此可以设置一个全局变量用来做判断,实现停止的效果。

注意:ajax一定要是同步的。

 

 

-------------------------------------------form表单代码----------------------------------------

<form action="/1/mobile/codeJsLogin" onSubmit="return checkForm();" id="login_form" method="post">


------------------------------script代码-----------------------------
<script>

function checkForm(){
var cname = $("#cname").val();
var randomSms = $("#randomSms").val();
n = false;//全局变量,以便下面做判断
$.ajax({
type: "POST",
url: "/1/mobile/jsCode",
data: {cname:cname,randomSms:randomSms},
dataType: "json",
async: false,//一定要是同步请求,否则会跳转;(ajax默认是异步的)
success: function(obj){
if (obj[‘error‘] == ‘1‘) {
alert(obj[‘message‘]);

} else {
n = true;
alert(obj[‘message‘]);

}
}
});
    //全局判断
if(n) {
return true;
}else{
return false;
}
}


</script>


总结:
重要的两个点:异步请求 + 全局变量的判断


方法写在 $(document).ready(function(){})容易出错直接写在 <script>










关于ajax中return false无效的问题

标签:

原文地址:http://www.cnblogs.com/dzlffmx/p/4875398.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!