`
huangningren
  • 浏览: 44519 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Jquery使用AJAX同步处理数据的方法

阅读更多
一般使用AJAX是异步处理,但是在某些场合就要使用到AJAX的同步来处理数据,比如用JS检测数据时,需要使用AJAX提交获取用户是否在数据库存在,这是需要使用同步处理等待服务器返回的数据才能执行下一步操作,如果使用异步的话,那么程序是不会等待服务器返回数据的,所以就会出错,使用AJAX同步处理就没有问题了。下面本人写的一个非常简单的Jquery中AJAX同步提交数据函数:

 function ExtAjax(pmts) {
        var ajaxval = null;
        var params = "ajax=true&" pmts;    //URL参数
        $.ajax({
            url: 'xueit-Test.aspx',   //接收页面
            type: 'post',      //POST方式发送数据
            async: false,      //ajax同步
            data: params,
            success: function(msg) {
                ajaxval = msg;
            }
        });
        return ajaxval;
    }



异步和同步其实在这里都可以做。异步虽然不能直接得到返回值。但是有一个回调函数可以使用
这样,当异步操作完成后自动触发回调函数。从你给的场景来看,你的回调函数的功能可能就是在某个div里面显示一下,用户名是否可用。

至于什么时候用异步或者同步,可以从这几方面考虑(都用你提供的场景):
1) 严格按照步骤一步一步的来时候,请用同步。
   比如:只有用户名可用,才能输入密码 。。。

2)其他情况,都可以采用异步。

3)当满足2)的时候,但是异步回调却很慢,让用户没法确定,那么建议同步。虽然等待时间长,但是至少可以确定是否可用。
   比如:用户所有的输入都已经完成,但是仍然得不到用户名是否可用的提示。
分享到:
评论

相关推荐

    Jquery Ajax 前后台数据传输

    本文将详细介绍使用jQuery AJAX实现三种不同方式的前后台数据传输,以及如何处理界面内容的传值和返回值。 1. **基本的AJAX调用** jQuery提供了`$.ajax()`方法,它是所有其他AJAX功能的基础。例如,我们可以使用...

    Jquery Ajax简易计算器

    2. `script.js`:包含使用jQuery AJAX调用服务器处理程序的JavaScript代码。 3. `Handler.ashx`:服务器端处理程序,处理AJAX请求,执行计算逻辑并返回结果。 **总结** "jQuery AJAX简易计算器"是一个实用示例,...

    jQuery使用Ajax方法调用WebService

    本篇文章将深入探讨如何使用jQuery的Ajax方法来调用WebService,以便在客户端与服务器之间实现异步数据交换。 首先,理解jQuery的Ajax方法至关重要。`$.ajax()`是jQuery的核心Ajax函数,它允许我们进行复杂的HTTP...

    jquery封装下的ajax同步加载代码实例

    以下是对"jquery封装下的ajax同步加载代码实例"的详细解释: 首先,jQuery的$.ajax()函数是进行AJAX请求的核心方法。这个函数接受一个包含多个选项的对象作为参数,用于定制请求的各个方面。在这个实例中,我们将...

    jquery的ajax同步和异步的理解及示例

    最近的项目用了到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。 而异步则这个AJAX代码...

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

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

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

    在Web开发中,jQuery与Ajax的结合使用极大地简化了异步数据交互的过程,使得前端可以高效地与服务器进行通信,而无需刷新整个页面。本教程将详细介绍如何利用jQuery实现Ajax调用,并通过具体的代码示例帮助你理解和...

    Jquery的Ajax应用

    此外,从jQuery 1.5开始,`$.ajax()`返回一个Promise对象,可以使用`.then()`、`.done()`、`.fail()`等方法处理异步操作的结果。 **6. Ajax的跨域问题** 默认情况下,浏览器遵循同源策略,不允许Ajax请求跨域。但...

    jQuery+ajax实现简单登录验证

    在本文中,我们将深入探讨如何使用jQuery和Ajax技术实现一个简单的登录验证系统。这个系统能够实时检查用户输入的用户名和密码是否有效,而无需页面刷新,从而提供更流畅的用户体验。 首先,jQuery是一个轻量级的...

    jquery ajax源代码

    在提供的代码片段中,可以看到两个函数:`doload1` 和 `doload2`,它们都使用了 jQuery 的 AJAX 方法来发送请求并处理返回的数据。 ##### 2.1 doload1 函数 ```javascript function doload1() { $.ajax({ url: ...

    Java通过jQuery实现ajax异步请求

    综上所述,"Java通过jQuery实现ajax异步请求"的示例工程涵盖了客户端与服务器端的交互流程,包括使用jQuery发起AJAX请求、Java后端处理请求并返回数据,以及数据格式的转换和错误处理。了解并掌握这些知识点,对于...

    Jquery操作Ajax方法小结

    总之,JQuery提供的AJAX操作方法使得开发者能够非常容易地在不刷新页面的情况下与服务器进行数据交换,增强用户的交互体验。通过本文中介绍的方法,可以快速实现各种常见的网络请求场景,并且通过灵活的参数配置,...

    SpringMVC + Hibernate4 + JQuery + Ajax + MySQL整合

    在这里,JQuery的Ajax方法被用来在后台与SpringMVC控制器进行通信,从而实现无刷新的数据交换,提升用户体验。 **MySQL** MySQL是一个广泛使用的开源关系型数据库管理系统,适合于中小型应用。在本项目中,MySQL...

    jquery form ajax 插件

    1. 插件介绍:jQuery Form Plugin是由Malsup开发的一款插件,它扩展了jQuery的功能,允许我们轻松地使用AJAX方式处理表单提交,实现无刷新的数据交互。这个插件不仅支持GET和POST提交,还支持文件上传,是前端开发中...

    jquery_ajax操作数据库

    在jQuery中,使用AJAX与服务器进行异步数据交换变得极其简单,尤其在处理数据库交互时。 ### 1. jQuery AJAX 基础 在jQuery中,`$.ajax()`函数是核心的AJAX方法。它接受一个配置对象,该对象包含了请求的所有设置...

    jquery .ajax 局部刷新之后 js无法调用问题解决

    在JavaScript和jQuery的世界里,`.ajax`方法是用于异步数据通信的核心工具,它使得页面无需重新加载就能更新部分内容。然而,在使用`.ajax`进行局部刷新后,有时会出现JavaScript无法正确调用的问题,这主要涉及到...

    传智播客 jQuery ajax 课件

    - **处理响应**: 服务器返回数据后,jQuery会根据请求类型解析数据,然后调用预先定义的回调函数。 - **完成**: 请求成功或失败,相应的success或error回调函数会被调用。 3. **数据格式与类型** - **JSON**: ...

    JQueryAjax的简介

    ### JQuery Ajax 的详细介绍 #### 一、Ajax 概述 ...总之,jQuery 提供了一系列强大且易用的方法来处理 Ajax 请求,使得 Web 开发人员能够轻松地实现异步数据交互,极大地提升了现代 Web 应用的性能和用户体验。

    jquery中ajax使用

    通过理解并熟练运用以上知识点,你可以灵活地在jQuery中使用AJAX进行数据交互,提升Web应用的交互性和响应性。在实际开发中,根据项目需求选择合适的方法,结合其他jQuery功能,可以构建出高效、优雅的前端解决方案...

    jQuery使用Ajax方法调用WebService[参照].pdf

    在本文中,我们将深入探讨如何使用jQuery的Ajax方法来调用WebService。jQuery是一个流行的JavaScript库,它极大地简化了DOM操作、事件处理以及包括Ajax在内的异步数据通信。Ajax(Asynchronous JavaScript and XML)...

Global site tag (gtag.js) - Google Analytics