JQuery와 상쾌한 여러 변수

Question

나는 다음과 같은 작업을 수행하는 방법에 대한 좋은 자원이나 아이디어를 찾는 매우 힘든 시간을 보내고 있어요 :

Using jquery get some data 

1. 사용 JQuery와 일부 데이터를 가져올 수 있습니다. 이제 데이터의 구문은 무엇입니까? 2 단계로 이동하십시오.
2. 다시 jquery를 사용하여 해당 데이터를 html 페이지의 여러 변수와 태그에 할당하십시오. 나는 1 개의 꼬리표를 대체하는 방법을 안다. 하지만 여러 div, 태그, ID를 새로 고침하고 싶습니다. 3 단계로 이동하십시오.
3. 잠시 후 1 단계로 돌아가십시오.

나는 친구 GOOGLE을 시도했지만 내가 찾고있는 페이지를 찾을 수 없습니다. 나는 여기에 약간의 코드를 정말 고맙겠지만 튜토리얼에 대한 링크는 나쁘지 않을 것이다.

Answer 1

1) $.ajax() 좋은 생각처럼 보인다는 JSON 형식의 데이터를 가져 오기 위해 사용 :

$.ajax({ 
    url: url, 
    dataType: 'json', 
    data: data, 
    success: callback //Assign data and stuff here 
}); 

2) 새로운 기능으로 success 매개 변수에서 수행하십시오. success: function() {}

success: function() { 
    $('div#1').html('foo'); 
    $('h1#1').html('woo'); 
} 

3) 간격에 $.ajax() 울어 바꿈 :

var refresh = setInterval(function() 
$.ajax({ 
     url: url, 
     dataType: 'json', 
     data: data, 
     success: callback //Assign data and stuff here 
    }); 
}, 60000); 

편집 아래의 코멘트에 (응답) :

는 그것을 다음과 같은 방법을하고 시도를, 당신이있는 한 function()을 콜백으로 사용하지 않음 :

function() { 
    $.ajax({ 
     url: "/admin/ajax/all_data.php", 
     dataType: 'json', 
     data: data, 
     success: function(data) { 
      $("#testdiv1").html(data.testdiv1); 
      //$("#testdiv2").html(data.testdiv2); 
      //$("#testdiv3").html(data.testdiv3); 
     } 
    }); 
}), 2000); 

너를 위해서.

Answer 2

1 - $.get, $.post, $.load 및 $.getJSON과 같은 연관된 상위 레벨 래퍼를 참조하십시오.

2 - 서버가 JSON을 클라이언트에 보내고 클라이언트가이를 사용하는 방법을 이해한다면 이는 사소한 일입니다. 예 :

// json from server 
{ "newsDiv" : "some html", "imagesDiv", "some html" } 

// assuming it is stored in the variable 'data' 
$("#newsDiv").html(data.newsDiv); 
$("#imagesDiv").html(data.imagesDiv"); 

3 - setInterval은 (는) 친구입니다.

Answer 3

그런 다음 jquery 'load'함수 here을 확인하십시오. 이를 통해 서버에서 데이터를로드하여 일치하는 html 요소에 배치 할 수 있습니다. 매우 깨끗하고 단순합니다. 그런 다음 는, 타이머 here

내가 더 당신이 필요합니다 무엇을 볼 수 없습니다를 구현하는 방법을 살펴 가지고