>  기사  >  웹 프론트엔드  >  JQuery의 $.ajax method_jquery를 기반으로 한 비동기 요청으로 인해 발생하는 페이지 깜박임에 대한 솔루션

JQuery의 $.ajax method_jquery를 기반으로 한 비동기 요청으로 인해 발생하는 페이지 깜박임에 대한 솔루션

WBOY
WBOY원래의
2016-05-16 09:00:063993검색

시나리오

현재 텍스트 상자에 내용을 입력하고 자동으로 keyup 이벤트를 트리거해야 합니다. 그러나 $,ajax를 사용한 후에는 드롭다운 목록이 자동으로 필터링됩니다. 이벤트가 트리거되면 전체 웹 페이지가 트리거됩니다.

코드 조각

$.ajax({ 
type: "POST", 
url: root + "/xxx, 
data: requestData, 
dataType: "json", 
success: function(data){ 
// 清空列表 
$("#formOpinion #listLeft").empty(); 
$.each(data, 
function(i, $data) { 
var $option = $("<option name='opinion.tag' value=" 
+ $data.code + $data.name + ">" + $data.code 
+ $data.name + "</option>"); 
// 绑定数据到listLeft 
$("#formOpinion #listLeft").append($option); 
}); 
} 
}); 

솔루션

JQuery API 문서를 살펴보면 $.ajax에 ajax 이벤트가 전역인지 여부를 설정할 수 있는 Global 속성이 있는 것을 발견했습니다. 기본값은 true이므로 false로 변경하세요.




위 내용은 페이지 깜박임을 유발하는 비동기 요청에 대한 JQuery의 $.ajax 메서드를 기반으로 편집자가 소개하는 솔루션입니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.