`
410133062
  • 浏览: 25921 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery同步ajax提交

阅读更多

最近做ajax验证验证码代码如下

 

function checkSMSCode(){

             。

             。

             。

        var result = false;
        $.ajax({
               type: "get",
               dataType:"json",
               url: "<%=contextPath%>/checkSMSCode",
               data:'mobileNum=' + mobileNum + "&SMSCode=" + smscode + "&timestamp=" + 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,//使用同步方式

这样就同步方式了。

 

分享到:
评论
2 楼 xishuango0o0 2011-11-25  
当async: false时  IE下出现假死情况怎么办呢?
我中间有设定进度条的..进度条不动.
1 楼 3eee 2011-01-07  
谢谢,找了一下午发现还有同步提交ajax的!

相关推荐

    jquery与ajax调用,有代码 , 有说明,使ajax调用简单

    3. **异步与同步**:默认情况下,Ajax请求是异步的,但通过设置`async`选项为`false`,可以执行同步请求。 4. **超时**:`timeout`选项可以设置请求的超时时间,超时后会触发`error`回调。 5. **跨域请求**:`...

    jQuery+ajax实现局部刷新的两种方法

    本文将介绍使用jQuery和ajax来实现页面局部刷新的两种方法。对于jQuery,它是一个快速、小巧、功能丰富的JavaScript库,通过它可以轻松操作DOM,而ajax允许我们实现无需重新加载整个页面就可以更新网页的部分内容。 ...

    jQuery Ajax无刷新提交表单并执行邮件通知

    $mail-&gt;Body = '这是一封由jQuery Ajax提交表单触发的邮件。'; if(!$mail-&gt;send()) { echo 'Message could not be sent.'; echo 'Mailer Error: ' . $mail-&gt;ErrorInfo; } else { echo 'Message has been sent'; ...

    jquery form ajax 插件

    总结,jQuery Form AJAX插件提供了方便的API,让表单的AJAX提交变得简单易用,无论是常规数据提交还是文件上传,都能轻松应对。在实际开发中,灵活运用其提供的配置选项,可以构建出高效、友好的用户交互体验。同时...

    SpringMVC + Hibernate4 + JQuery + Ajax + MySQL整合

    3. CRUD操作,通过Ajax实现前后端数据同步,无需页面刷新。 4. 分页和排序,利用Ajax和SpringMVC实现动态加载和排序数据。 5. 复杂表单提交,展示如何处理多表单元素和文件上传。 6. 异步验证,使用Ajax进行前端数据...

    jquery ajax源代码

    ### jQuery AJAX 源代码分析 #### 一、概述 jQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载...

    传智播客 jQuery ajax 课件

    - 用户无刷新登录验证:使用AJAX提交用户登录信息,服务器验证后返回结果,无需刷新页面即可展示反馈。 - 实时更新数据:如股票报价、天气预报等,通过定时AJAX请求获取最新数据。 - 动态加载内容:如分页、无限...

    jquery_ajax操作数据库

    **jQuery AJAX 操作数据库详解** jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理和Ajax交互。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许...

    Ajax(Ajax,jquery,prototype综合).rar

    而Ajax则可以在不影响用户界面的情况下,后台执行数据的获取或提交。 3. **JavaScript**:Ajax的实现离不开JavaScript,它负责创建XMLHttpRequest对象、构造请求、处理响应以及更新DOM(文档对象模型)以显示新数据...

    ASP.NET MVC框架开发系列课程(19):jQuery与AJAX

    在实际开发中,我们还可能遇到跨域问题、异步操作的同步处理、AJAX请求的取消等复杂情况,需要灵活运用jQuery和ASP.NET MVC提供的工具和特性来解决。 通过结合使用jQuery和AJAX,ASP.NET MVC开发者可以构建更加互动...

    jquery中ajax使用

    本篇文章将深入探讨jQuery中的AJAX使用,包括带参数和不带参数的情况。 ### 1. 基本概念 **AJAX(Asynchronous JavaScript and XML)** 是一种创建动态网页的技术,允许在不重新加载整个页面的情况下更新部分网页...

    jquery做的星级评分可以利用AJAX来操作

    在实际项目中,还需要考虑其他因素,如防止重复提交、用户未登录时的处理、以及兼容不同浏览器的AJAX实现。此外,为了提供更好的用户体验,可以使用加载指示器显示请求正在处理,以及使用适当的缓存策略来减少不必要...

    Jquery操作Ajax方法小结

    jQuery是一个快速、小巧的JavaScript库,它封装了JavaScript的动画效果和Ajax等技术,简化了这些技术在使用时的操作。在现代Web开发中,AJAX技术用于实现页面的异步更新,jQuery通过提供的一系列AJAX相关方法,极大...

    jQuery基于Ajax方式提交表单功能示例

    本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考,具体如下: 提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或...

    jQueryAjax动态刷新技术

    4. **异步与同步请求**: 默认情况下,所有jQuery的AJAX请求都是异步的,这意味着用户可以继续交互而不等待服务器响应。如果需要等待服务器响应完成再执行后续操作,可以设置`async: false`。 5. **局部更新页面**: ...

    17jQuery异步ajax.docx

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理和Ajax交互。在jQuery中,异步Ajax(Asynchronous JavaScript and XML)是实现网页动态更新和实时交互的关键技术。Ajax...

    利用jquery Ajax验证重复

    通过使用jQuery提供的`$.ajax()`方法,我们可以轻松地发送异步请求并处理服务器响应。 #### 三、使用$.ajax()进行用户名重复验证 ##### 3.1 基本原理 在用户输入用户名的过程中,我们可以通过监听输入框的变化...

    ajax提交表单

    #### 三、使用jQuery实现AJAX提交表单 在使用jQuery进行AJAX表单提交时,最常用的方法是`$.ajax()`。下面将详细介绍该方法的使用及其选项参数: 1. **$.ajax()方法** ```javascript $.ajax([options]) ``` `...

    Jquery+Ajax

    - **表单验证**:使用AJAX提交表单,无需刷新页面即可验证用户输入。 - **实时更新**:如聊天应用,通过AJAX定期拉取新消息,保持界面实时更新。 - **动态搜索**:在用户输入时发送AJAX请求,实时显示搜索结果。 ...

    一道关于Ajax、Jquery的面试题

    8. **Ajax在用户交互中的应用**:举例说明Ajax在实际项目中的应用,如无限滚动、搜索实时预览、表单无刷新提交等。 9. **AJAX与前端路由**:在单页应用(SPA)中,Ajax与前端路由如何协同工作,实现页面跳转而不...

Global site tag (gtag.js) - Google Analytics