Ajax 동기 호출 은 애니메이션 디 스 플레이 불 러 오기 에 영향 을 줍 니 다.
2452 단어 공부 하 다.
문제 설명: 글 을 입력 할 때 외부 이미지 권한 문제 로 app 에서 보 여줄 때 접근 할 수 없 기 때문에 글 을 제출 할 때 그림 처 리 를 해 야 합 니 다. 여기 서 ajax 를 사용 하여 서버 에 동기 화하 여 url 로 원래 img 의 src 를 교체 합 니 다.문 제 는 점 에서 제출 할 때 페이지 가 차단 되 어 있 고 로드 맵 이 표시 되 지 않 습 니 다.
해결 방안:
브 라 우 저의 렌 더 링 (UI) 스 레 드 와 js 스 레 드 는 서로 배척 되 며, js 를 실행 하 는 데 시간 이 걸 릴 때 페이지 렌 더 링 이 막 힙 니 다.비동기 ajax 를 실행 할 때 는 문제 가 없 지만 동기 화 요청 으로 설정 되면 다른 동작 (ajax 함수 뒤의 코드, 렌 더 링 스 레 드) 이 멈 춥 니 다.내 DOM 작업 문 구 는 요청 하기 전 문장 이 더 라 도 이 동기 화 요청 은 UI 스 레 드 를 빠르게 막 아 실행 할 시간 을 주지 않 습 니 다.이것 이 바로 코드 가 효력 을 잃 은 원인 이다.
이전 코드 수정
$.ajax({
url: ctx + '/document/remote2Cos.php',
async: false,
type: 'post',
dataType: 'json',
data: {"fileUrl":src},
success: function (data) {
obj.attr("src",data.url);
}
})수정 후 코드
var deferred = $.Deferred();
$.ajax({
url: ctx + '/document/remote2Cos.php',
type: 'post',
dataType: 'json',
data: {"fileUrl":src},
success:function (data) {
obj.attr("src",data.url);
deferred.resolve(data);
}
});
return deferred.promise;이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
자바 두 수의 최대 공약수 구하 기 (세 가지 방법)자바 두 수의 최대 공약수 구하 기 (세 가지 방법) 1. 역법 전에 저도 몰 랐 습 니 다. 인터넷 에서 찾 아 봤 는데 0 과 0 이 아 닌 수의 약 수 는 모두 이 0 이 아 닌 숫자 입 니 다. 결실 2. 전...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
