Javascript 在同步ajax运行时使用svg/gif制作加载程序
各位，我有一个关于ajax的问题 如果我是对的，以同步方式使用ajax（async=false）， 当ajax运行时，浏览器将被锁定。 因此，我将ajax的时间安排为1ms，以便首先显示加载程序，但问题是。我的加载程序基于svg文件，它是一个简单的旋转图像，即使我对ajax函数进行了时间安排，但当ajax启动时，整个图像都冻结了 有没有办法让图像移动？我真的需要把这件事做好 让用户知道某些事情正在进展 多谢各位 ：）好的，我编辑了它。我添加了一些源代码 javascript部分：Javascript 在同步ajax运行时使用svg/gif制作加载程序,javascript,jquery,ajax,Javascript,Jquery,Ajax,各位，我有一个关于ajax的问题 如果我是对的，以同步方式使用ajax（async=false）， 当ajax运行时，浏览器将被锁定。 因此，我将ajax的时间安排为1ms，以便首先显示加载程序，但问题是。我的加载程序基于svg文件，它是一个简单的旋转图像，即使我对ajax函数进行了时间安排，但当ajax启动时，整个图像都冻结了 有没有办法让图像移动？我真的需要把这件事做好 让用户知道某些事情正在进展 多谢各位 ：）好的，我编辑了它。我添加了一些源代码 javascript部分： functio
function ajaxAddrInfo(result){
//console.log("결과 값");
//console.log(daum_local);
//console.log(result[0].bcode);
sigunCd = result[0].bcode.substring(0, 5);
dongCd = result[0].bcode.substring(5, 11);
bun = result[0].jibunAddress.bunji;
ji = result[0].jibunAddress.ho;
daum_local = "";
openBgOnly();
setTimeout(function(){
$.ajax({
url: './assets/php/detail.php',
type: 'post',
async: false,
data: {
S_CD: sigunCd,
D_CD: dongCd,
BUN: bun, JI: ji, FLR: fsum,
CNT: Bcnt,LCNT:Lcnt,
TYPE: "Building_Count"
},
success:function(data){
//console.log("working?");
var BcntRes = JSON.parse(data);
Bcnt = BcntRes['body']['totalCount'];
//showResult(resf);
},
error: function(error){
alert("BUILDING FLOOR SEARCH ERROR");
},
});//ajax ends.
},1);
//표제부
setTimeout(function(){
$.ajax({
url: './assets/php/detail.php',
type: 'post',
async: false,
data: {
S_CD: sigunCd,
D_CD: dongCd,
BUN: bun, JI: ji, FLR: fsum,
CNT: Bcnt,LCNT:Lcnt,
TYPE: "Building_Info"
},
success:function(data){
closeBg();
var res = JSON.parse(data);
BinfoRes = res;
var len = res['body']['totalCount'];
if(len === 0){
alert("건축물 데이터가 없습니다.");
}
else if(len === 1){
fsum = Number(res['body']['items']['item']['grndFlrCnt']);
fsum += Number(res['body']['items']['item']['ugrndFlrCnt']);
}
else{
//console.log(res);
fsum = Number(res['body']['items']['item']['grndFlrCnt']);
fsum += Number(res['body']['items']['item']['ugrndFlrCnt']);
//console.log(fsum);
}
//showResult(res);
//showResult(res);
$.ajax({
url: './assets/php/detail.php',
type: 'post',
async: false,
data: {
S_CD: sigunCd,
D_CD: dongCd,
BUN: bun, JI: ji, FLR: fsum,
CNT: Bcnt,LCNT:Lcnt,
TYPE: "Building_Level_Count"
},
success:function(data){
//console.log("working?");
//console.log(data);
LcntRes = JSON.parse(data);
Lcnt = LcntRes['body']['totalCount'];
//console.log(Lcnt);
//showResult(resf);
},
error: function(error){
alert("BUILDING FLOOR SEARCH ERROR");
},
complete:function(){
}
});
$.ajax({
url: './assets/php/detail.php',
type: 'post',
async: false,
data: {
S_CD: sigunCd,
D_CD: dongCd,
BUN: bun, JI: ji, FLR: fsum,
CNT: Bcnt,LCNT:Lcnt,
TYPE: "Building_Level_Info"
},
success:function(data){
//console.log("working?");
//console.log(data);
resfloor = JSON.parse(data);
//showResult(resf);
},
error: function(error){
alert("BUILDING FLOOR SEARCH ERROR");
},
complete:function(){
}
});
B_List(res);
},
error: function(error){
alert("BUILDING SEARCH ERROR");
},
complete:function(){
}
});
},1);
//층별
//setTimeout(closeLoading(),1500);
<div id="loading_background" class="text-center"><p id="loading_content"><img src="./assets/img/loader.svg" class="put-img-center"><h3>로딩중...</h3></p></div>
로딩중...