ajax同步导致浏览器假死

谁践踏了优雅 2023-10-06 14:30 52阅读 0赞

点击按钮，在发出请求前页面有个loading效果，即显示一张“正在加载”的gif图片。

js是单线程的，执行同步ajax的时候会导致线程阻塞，不能加载loading图片。所以不能使用同步请求。

所有的同步都是可以使用异步替代的。但是怎么替代改动代码最少或者改动不大呢？

我使用下面的方式：$.when().done();

$.Deferred();

### 1、主线程代码 ###

$('.btn').click(function() {
    		$('.loadingicon').show();
    		$.when(getData()).done(function(data) {
    			$('.loadingicon').hide();
    			alert(data);
    		});
    	});

### 2、被调用ajax函数 ###

function getData() {
    		var defer = $.Deferred();
    		$.ajax({
    			url : '',
    			async : true, // true异步。false同步
    			success : function(data) {
    				defer.resolve(data)
    			}
    		});
    		return defer.promise();
    	}

###  ###

##  ##

## 二、when带参数传递给done ##

$.when(getDatas(),$.Deferred().resolve(param1),$.Deferred().resolve(param2)).done(function(data,param1,param2) {
    				console.log(data)
    				console.log(param1)
    				console.log(param2)
    			});
    
    
    
    function getDatas(){
    	$.ajax({		 	 
    		url : 'xx.php',		
    		success : function(data) {			
    			$.Deferred().resolve(data);
    		}
    	});
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，52人围观）

还没有评论，来说两句吧...

相关阅读

相关 AJAX如何解决老版本IE浏览器导致的get请求造成的缓存问题导致内容无法实时刷新------AJAX

> AJAX在浏览器当中发送异步请求,请求之间是独立的,谁也不用等谁 > 类似于多线程并发,不会出现页面清空然后展示新的页面的效果 > 实现局部刷新(靠

待我称王封你为后i/ 2024年02月18日 09:17/ 0 赞/ 48 阅读

相关 ajax同步导致浏览器假死

点击按钮，在发出请求前页面有个loading效果，即显示一张“正在加载”的gif图片。 js是单线程的，执行同步ajax的时候会导致线程阻塞，不能加载loading图片。所以

谁践踏了优雅/ 2023年10月06日 14:30/ 0 赞/ 53 阅读

相关 IE浏览器下ajax缓存导致数据不更新的解决方法

IE浏览器下ajax缓存导致数据不更新的解决方法在IE下用Ajax请求某一页面，通常会因为缓存的原因而返回上一次的结果，造成混乱，\[即get方式时，获取数据，因发

左手的ㄟ右手/ 2023年07月19日 04:56/ 0 赞/ 20 阅读

相关 springboot下，JedisPool getResource导致大量线程WAITING，服务假死

环境： springboot版本2.1.4.RELEASE、jedis连接池服务配置：设置了tomcat最大线程数为1000： server:

偏执的太偏执、/ 2023年02月19日 07:28/ 0 赞/ 26 阅读

相关 java假死_分析java进程假死

一.引言 1.编写目的为了方便大家以后发现进程假死的时候能够正常的分析并且第一时间保留现场快照。 2.编写背景最近服务器发现tomcat的应用会偶尔出现无法访问的情

亦凉/ 2022年11月01日 15:54/ 0 赞/ 408 阅读

相关 ajax浏览器操作发生异常,解决IE浏览器缓存导致AJAX请求数据异常

IE10浏览器会把AJAX请求的数据都缓存下来，然后每次想去刷新数据时发现数据都是一样的，于是导致数据显示异常。解决方法：在页面标签里，加上以下声明：保存后，刷

叁歲伎倆/ 2022年09月03日 06:30/ 0 赞/ 260 阅读

相关 Ajax之同步，异步

$.ajax({ type: "POST", dataT

心已赠人/ 2022年07月13日 02:42/ 0 赞/ 251 阅读

相关 IE浏览器下ajax缓存导致数据不更新的解决方法

摘自：http://www.iefans.net/ie-ajax-json-shuju-huancun/ ![复制代码][copycode.gif]

r囧r小猫/ 2022年06月13日 02:08/ 0 赞/ 271 阅读

相关记一次生产httpclient导致的tomcat假死事件

写在前面：现在负责的项目组中，有一个客户内部的现场管理系统，由于系统年份较久，之前一直部署在ibm小型机上，九月份进行了一次大规模的系统迁移工作。迁移具体实施这里不做细述。迁移

叁歲伎倆/ 2022年04月16日 00:09/ 0 赞/ 344 阅读

相关 Ajax系列之异步调用导致的不同步问题

业务场景：点击一个按钮的时候保存数据，同时打开一个弹窗带出保存的数据基于这样的业务场景，最近遇到一个问题，是在ie11才发现的，点击按钮时候，后台打断点加数据库查询都验证数

￡神魔★判官ぃ/ 2021年08月14日 00:22/ 0 赞/ 286 阅读