`
zengshaotao
  • 浏览: 791954 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

$.ajax同步

阅读更多

JQuery提供的$.ajax请求能够异步的向后台发送数据,并得到反馈信息,再在前台做相应的局部更新操作,效果还是挺不错的。同时因为是异步的交互,所以减少了等待的时间,给予用户的体验也是挺好的。可是也正是因为这个异步的交互,带来了一些问题。这个问题也很好理解的,因为web前端执行的速度往往快于后台,所以在异步请求后台的时候,web前端是继续执行的,所以当需要后台的反馈才能继续执行web端的代码时,这个异步的操作就不恰当。比如如下代码:

 

var flag = false;

 var queryString = 'appId='+appId

$.ajax({

       //异步选项

       async:false,

       type:"post",

       dataType:"json",

       url:'/back/common/common-getInfo.do',

       data:queryString,

       success:function(result){

           if(result){

               flag = true;

          }

       }

})

 

if(flag){

    //do something;

}

 

如果没有async选项,程序就会有问题的。

分享到:
评论

相关推荐

    $.ajax()方法详解

    以下是$.ajax()方法的主要参数及其详细解释: 1. **url**:指定发送请求的目标URL,可以是相对路径或绝对路径,如果不指定,默认为当前页面地址。 2. **type**:请求的HTTP方法,如"GET"或"POST"。默认是"GET"。...

    $.getJSON同步异步问题1

    `$.ajaxSettings.async`属性控制着所有Ajax请求是否同步执行。默认情况下,它是设为`true`,表示异步执行。将`async`设置为`false`会强制所有后续的Ajax请求变为同步,直到将其再次设置回`true`。 示例代码如下: ...

    使用$.Ajax调用后台.aspx

    在JavaScript的世界里,jQuery库提供了一种简便的方式来与服务器进行异步交互,这就是$.ajax方法。这个功能强大的函数使得前端开发者无需刷新整个页面就能获取或发送数据,极大地提升了用户体验。本文将深入探讨如何...

    jQuery中$.ajax()和$.getJson()同步处理详解

    总的来说,$.ajax()和$.getJSON()提供了灵活的Ajax请求方式,而同步处理虽然不常用,但在特定场景下仍具有其价值。正确理解和使用这些函数能够帮助开发者更有效地与服务器进行数据交互,提高应用的性能和用户体验。

    全面解析$.Ajax()方法参数(推荐)

    $.ajax()是jQuery库中用于AJAX通信的底层方法,它封装了原生的AJAX实现,并提供了简单易用的接口。该方法仅接受一个参数,即一个包含设置和回调函数的对象,所有的参数都是可选的。通过$.ajax()方法,开发者可以指定...

    Jquery中$.ajax()方法参数详解

    下面,我们将详细介绍$.ajax()方法的各个参数以及它们的作用和用法。 1. url:这是一个字符串类型,指定了发送请求的地址,也就是数据要发送到服务器的哪个URL。如果不指定,通常默认为当前页面地址。URL是AJAX请求...

    JQuery中$.ajax()方法参数详解及应用

    在JQuery众多功能中,$.ajax()方法是实现Ajax请求的重要方法。通过$.ajax(),开发者可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。本文将详细介绍$.ajax()方法的各个参数以及如何应用。 ...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    jQuery 封装Ajax

    jQuery的Ajax方法主要包括`$.ajax()`, `$.get()`, `$.post()`, `$.getJSON()`等。这些方法都提供了一种优雅的方式来发送和接收数据,同时提供了丰富的配置选项来处理各种情况。 ### 1. `$.ajax()` `$.ajax()`是...

    $.ajax()方法参数详解

    $.ajax()方法是jQuery库中的一个核心功能,用于在后台与服务器进行异步数据交互,无需刷新页面。熟练掌握$.ajax()的参数设置对于前端开发至关重要。以下是对这些参数的详细解释: 1. **url**: 这是一个String类型的...

    jquery中获得$.ajax()事件返回的值并添加事件的方法

    然而,直接在success回调函数中返回值是不可行的,因为success函数是异步执行的,其返回值无法直接传递到调用$.ajax()的地方。为了获取$.ajax()的返回值并添加事件,我们需要借助全局变量或者使用Promise对象。以下...

    $.ajax中contentType: “application/json” 的用法详解

    在JavaScript的jQuery库中,`$.ajax`是一个用于发送异步HTTP请求的重要方法。当我们设置`contentType: "application/json"`时,它定义了发送到服务器的数据格式。这在处理JSON数据时尤其有用,因为JSON是一种轻量级...

    浅析$.getJSON异步请求和同步请求

    $.getJSON是jQuery库中用于发起异步AJAX请求的一个方法,它的目的是为了简化JSON数据的加载过程。在AJAX通信中,请求可以是异步的,也可以是同步的。异步请求不会阻塞后续代码的执行,而同步请求则会阻塞,直到请求...

    基于jquery的$.ajax async使用

    同步请求会锁定浏览器,直到服务器返回数据并且`$.ajax`的回调函数执行完毕。以下是一个同步请求的例子: ```javascript var temp; $.ajax({ async: false, // 设置为同步 type: "POST", url: defaultPostData....

    jQuery Ajax 实例代码 ($.ajax、$.post、$.get)

    $.post 和 $.get 方法则是 $.ajax 方法的快捷方式,适用于更简单的 GET 或 POST 请求。$.post 方法用于发送 POST 请求,而 $.get 用于发送 GET 请求。它们的参数相对简单,主要包含 url、data、success、dataType 和...

    深入剖析$.ajax()方法

    $.ajax()方法是jQuery库中的一个核心功能,用于发起AJAX(Asynchronous JavaScript and XML)请求,即在不刷新整个页面的情况下与服务器进行数据交互。它允许开发者通过配置多个参数来定制请求行为,以实现灵活的...

Global site tag (gtag.js) - Google Analytics