2014-04-09 5 views
0

쇼핑 카트를 표시하는 데 모달을 사용하고 있습니다. 사용자는 모달의 항목을 삭제할 수 있습니다. 그래서 내가하고 싶은 일은 항목을 지우고 나면 상위 페이지가 새로 고쳐지고 모달이 여전히 나타납니다. 지금, 모달에서 "삭제 버튼"을 클릭하면 상위 페이지가 새로 고쳐 지지만 모달이 닫힙니다.상위 페이지 새로 고침

내 코드 :

$(function(){ 
    $('.delete').click(function(){ 
    $.ajax({ 
     url:'/polls/cart__Delete/'+$(this).attr('data-id'), 
     success: function(data){ 
      $('.modal-body').html(data); 
      parent.location.reload(true); 
     }, 
    }); 

    }); 
}); 
+2

이유는 정확히 당신이 비동기 요청을하기 때문에, 당신은 단지 상쾌한 대신 상위 페이지에있는 각각의 블록을 업데이트 캔트, 부모 페이지를 새로 고침 싶어 , 그렇지 않으면 아약스 요청을 만드는 데 아무런 의미가 없다. – dreamweiver

+1

왜 삭제 후 페이지를 새로 고침 하는가? 아약스를 처음 사용하는 이유가 아닌가? 왜 그냥 삭제할 항목이 들어있는 DOM 부분을 제거하지 않습니까? – shanks

+0

항목을 삭제 한 후에 카트의 항목 수량을 표시하는 상위 페이지를 새로 고쳐야합니다. 예를 들어, 항목을 삭제하기 전에 상위 페이지에 cart (8) - 8이 장바구니의 항목 수량을 반영한다고 표시됩니다. 삭제 후 카트 (7) 또는 그 이상이 표시되어야합니다. 하지만 이제 항목 수량을 업데이트하기 위해 부모 페이지를 손으로 새로 고쳐야합니다. – user3369592

답변

0
$(function(){ 
    $('.delete').click(function(e){ 
    $.ajax({ 
     url:'/polls/cart__Delete/'+$(this).attr('data-id'), 
     success: function(data){ 
      $('.modal-body').html(data); 
      parent.location.reload(true); 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) {alert('Loading failed!!');  } 
    }); 
    e.preventDefault(); 
    }); 
}); 
+0

감사합니다. RGS. 그것은 작동합니다. 정말 고맙습니다. – user3369592

+0

매우 이상한 일이 벌어졌습니다 ... 이제 모달에서 항목을 삭제하면 모달이 손실되고 상위 페이지가 새로 고침됩니다 .. 코드를 변경하지 않은 것 같습니다. – user3369592