最近做ajax验证验证码代码如下
function checkSMSCode(){
。
。
。
var result = false;
$.ajax({
type: "get",
dataType:"json",
url: "<%=contextPath%>/checkSMSCode",
data:'mobileNum=' + mobileNum + "&SMSCode=" + smscode + "×tamp=" + new Date().getTime(),
success: function(ret){
if(ret[retVal]==retSuc){
result = true;
}else{
smsCodeObj.className = "errorKey";
$("#SMSCodeHelp").text(ret[retMsg]);
result = false;
}
},
error: function(){
$("#SMSCodeHelp").text('系统繁忙,请稍后再提交');
}
});
return result;
}
发现无论怎么验证,返回的总是false
检查后得知 jquery $.ajax()提交默认是异步的,就是执行到这之后,不等待执行完成,立刻执行下边的代码,所以就有了上面的情况
解决方法:
在方法里加上参数
async: false,//使用同步方式
这样就同步方式了。
分享到:
相关推荐
3. **异步与同步**:默认情况下,Ajax请求是异步的,但通过设置`async`选项为`false`,可以执行同步请求。 4. **超时**:`timeout`选项可以设置请求的超时时间,超时后会触发`error`回调。 5. **跨域请求**:`...
本文将介绍使用jQuery和ajax来实现页面局部刷新的两种方法。对于jQuery,它是一个快速、小巧、功能丰富的JavaScript库,通过它可以轻松操作DOM,而ajax允许我们实现无需重新加载整个页面就可以更新网页的部分内容。 ...
$mail->Body = '这是一封由jQuery Ajax提交表单触发的邮件。'; if(!$mail->send()) { echo 'Message could not be sent.'; echo 'Mailer Error: ' . $mail->ErrorInfo; } else { echo 'Message has been sent'; ...
总结,jQuery Form AJAX插件提供了方便的API,让表单的AJAX提交变得简单易用,无论是常规数据提交还是文件上传,都能轻松应对。在实际开发中,灵活运用其提供的配置选项,可以构建出高效、友好的用户交互体验。同时...
3. CRUD操作,通过Ajax实现前后端数据同步,无需页面刷新。 4. 分页和排序,利用Ajax和SpringMVC实现动态加载和排序数据。 5. 复杂表单提交,展示如何处理多表单元素和文件上传。 6. 异步验证,使用Ajax进行前端数据...
### jQuery AJAX 源代码分析 #### 一、概述 jQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载...
- 用户无刷新登录验证:使用AJAX提交用户登录信息,服务器验证后返回结果,无需刷新页面即可展示反馈。 - 实时更新数据:如股票报价、天气预报等,通过定时AJAX请求获取最新数据。 - 动态加载内容:如分页、无限...
**jQuery AJAX 操作数据库详解** jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理和Ajax交互。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许...
而Ajax则可以在不影响用户界面的情况下,后台执行数据的获取或提交。 3. **JavaScript**:Ajax的实现离不开JavaScript,它负责创建XMLHttpRequest对象、构造请求、处理响应以及更新DOM(文档对象模型)以显示新数据...
在实际开发中,我们还可能遇到跨域问题、异步操作的同步处理、AJAX请求的取消等复杂情况,需要灵活运用jQuery和ASP.NET MVC提供的工具和特性来解决。 通过结合使用jQuery和AJAX,ASP.NET MVC开发者可以构建更加互动...
本篇文章将深入探讨jQuery中的AJAX使用,包括带参数和不带参数的情况。 ### 1. 基本概念 **AJAX(Asynchronous JavaScript and XML)** 是一种创建动态网页的技术,允许在不重新加载整个页面的情况下更新部分网页...
在实际项目中,还需要考虑其他因素,如防止重复提交、用户未登录时的处理、以及兼容不同浏览器的AJAX实现。此外,为了提供更好的用户体验,可以使用加载指示器显示请求正在处理,以及使用适当的缓存策略来减少不必要...
jQuery是一个快速、小巧的JavaScript库,它封装了JavaScript的动画效果和Ajax等技术,简化了这些技术在使用时的操作。在现代Web开发中,AJAX技术用于实现页面的异步更新,jQuery通过提供的一系列AJAX相关方法,极大...
本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考,具体如下: 提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或...
4. **异步与同步请求**: 默认情况下,所有jQuery的AJAX请求都是异步的,这意味着用户可以继续交互而不等待服务器响应。如果需要等待服务器响应完成再执行后续操作,可以设置`async: false`。 5. **局部更新页面**: ...
jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理和Ajax交互。在jQuery中,异步Ajax(Asynchronous JavaScript and XML)是实现网页动态更新和实时交互的关键技术。Ajax...
通过使用jQuery提供的`$.ajax()`方法,我们可以轻松地发送异步请求并处理服务器响应。 #### 三、使用$.ajax()进行用户名重复验证 ##### 3.1 基本原理 在用户输入用户名的过程中,我们可以通过监听输入框的变化...
#### 三、使用jQuery实现AJAX提交表单 在使用jQuery进行AJAX表单提交时,最常用的方法是`$.ajax()`。下面将详细介绍该方法的使用及其选项参数: 1. **$.ajax()方法** ```javascript $.ajax([options]) ``` `...
- **表单验证**:使用AJAX提交表单,无需刷新页面即可验证用户输入。 - **实时更新**:如聊天应用,通过AJAX定期拉取新消息,保持界面实时更新。 - **动态搜索**:在用户输入时发送AJAX请求,实时显示搜索结果。 ...
8. **Ajax在用户交互中的应用**:举例说明Ajax在实际项目中的应用,如无限滚动、搜索实时预览、表单无刷新提交等。 9. **AJAX与前端路由**:在单页应用(SPA)中,Ajax与前端路由如何协同工作,实现页面跳转而不...