ajax로 수정 된 속성을 얻는 방법은 무엇입니까?

Question

ajax로 요소의 데이터 속성을 변경하는 함수가 있습니다.

다음 번에 동일한 요소의 수정 된 데이터 특성을 가져 오려고하지만 특성이 변경되었지만 이전 데이터 특성의 값을 얻었습니다.

그래서 내가 뭘 잘못하고 있니?

예 :

$(function(){ 
 
    $(".class1").on("click", function(){ 
 
    var attribute_data = $(this).data("attribute"); 
 
    $.ajax({ 
 
     ... // Handle 
 
     success:function(data){ 
 
      $(this).data("attribute") === "2"; 
 
     } 
 
    }); 
 
    }); 
 
    
 
    
 
    
 
    $(".class1").on("click",function(){ 
 
    var modified_attribute_data = $(this).data("attribute"); 
 
    console.log(modified_attribute_data); // will return "1" instead "2" 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="class1" data-attribute="1"> 
 
    Content 
 
</div>

Answer 1

당신이 할 경우 : 다음

$(".class1").on("dblclick", function(){ 
     $(this).hide(); 
     var attribute_data = $(this).data("attribute"); 
     $.ajax({ 
     ... // Handle 
     success:function(data){ 
     $(this).data("attribute") === "2"; 
     $(this).show(); 
     } 
    }); 
}); 

을 클릭 한 :

$(".class1").on("click",function(){ 
    var modified_attribute_data = $(this).data("attribute"); 
    console.log(modified_attribute_data); // will return "2" 
    }); 

내가 추천 자체 각 클래스를 트리거하는 이벤트를 parating하거나 클래스를 토글 링하는 것과 같이 어떤 것을 차단하는 ... 그리고 아약스는 비동기이므로 즉시 변경 될 것이라고 기대하지 마십시오.