AJAX로 페이지의 요소 자동 업데이트

Question

뉴스 슬라이더가 항목을 하나씩 보게되는 페이지가 있습니다. 페이지는 새로 고침시 자동으로 새 항목을 가져옵니다.

새 항목이 추가 될 때 ajax와 jquery 타이머를 사용하여 자동으로 페이지를 업데이트하려고합니다. 이렇게하려면 현재 AJAX를 통해 현재 페이지를 호출하고 뉴스 슬라이더 내부에서 어린이를 비교하려고합니다. 포장 div. 그러나 나는 처음부터 페이지에서 데이터를 가져올 수 없다.

내가 현재 사용하고있는 코드는 다음과 같습니다

var timer = setInterval(function() { 
    $.ajax({ 
     url: ctx.HttpRoot, 
     type: "GET", 
     success: function (data) { 
      var stripped_data = $(data).find("div#newsSliderWrapper"); 
      //Code here will put the AJAX copy of #newsSliderWrapper into the current pages #newsSliderWrapper 
     }, 
     error: function() { 
      // your error logic 
      alert("AJAX failed"); 
     } 
    }) 
}, 15000); 

Answer 1

var stripped_data = $(data).find("div#newsSliderWrapper"); 

이 줄은 AJAX 호출에서 얻은 데이터의 기능 펀드를 호출하려고합니다. find가 DOM 객체에 적용되고 현재 데이터가 더미 데이터조차가 아닌 원시 데이터 인 경우 이것이 원하는지 확실하지 않습니다.

획득 한 데이터는 HTML 요소가 있다면, 당신은

var dataDom = $(data); 

이 메이크업 첫 번째는 더미 데이터로 데이터를 변환하고 지금 당신이 그것을에 .find을 수행 할 수 있습니다 다음을 수행해야합니다.