여러 항목 업데이트

Question

페이지를 변경하지 않고도 실시간으로 몇 가지 항목을 업데이트하고 싶습니다.

나는 이미 5 초마다 업데이트되는 다른 항목에 이와 같은 것을 사용합니다.

각 항목에 대해 시도했지만 웹 사이트를 매우 느리게 만들었습니다.

나는 그것이 jQuery로 할 수 있다고 들었지만 나는 정확히 어떻게 알지 못했다.

내가 업데이트해야 할이이 될 것입니다

을 "0" "1"을 말하거나 것 중 하나 내 데이터베이스에서 정보를 얻는 것이다 PHP를 사용 : 내가 원하는 무엇

(그들은 "0"아이콘 "ID가" "first_icon_2"

를 같은 것 인 경우가

<a id="first_icon" style="background: url(/images/first.gif); height:23px; width:23px; float:left; margin-right:3px;" href="first.php" title="First"></a> 
<a id="sec_icon" style="background: url(/images/first.gif); height:23px; width:23px; float:left; margin-right:3px;" href="sec.php" title="Second"></a> 
<a id="third_icon" style="background: url(/images/first.gif); height:23px; width:23px; float:left; margin-right:3px;" href="third.php" title="Third"></a> 
<a id="four_icon" style="background: url(/images/first.gif); height:23px; width:23px; float:left; margin-right:3px;" href="four.php" title="Fourth"></a> 

1) 경우 내가 얻을 수있는 방법 한 번에 모든 것을 요청하십시오.

전진 해 주셔서 감사 드리며, 약 한 달 간 노력했습니다.

Answer 1

사용하려는 것은 ajax 호출입니다. jQuery의 기능은 http://api.jquery.com/jQuery.ajax/.ajax()이며 매우 직설적입니다.

기본적으로 수행해야하는 모든 처리를 수행하는 PHP 스크립트를 설정해야합니다. 페이지에 에코 된 내용은 ajax 호출을 통해 반환됩니다. 여러 항목을 처리하려는 경우 JSON을 조사해야합니다.

여러 개의 값 (각 아이콘마다 1 개씩)을 반환해야하는 것처럼 보였으므로 PHP로 배열을 만들고 싶을 것입니다.

$icons = array("first_icon => 1, "second_icon => 0, "third_icon" => 0, "fourth_icon => 1); 

당신은 다음 자바 스크립트 측면에서 읽을 수 문자열로 배열을 인코딩하는 json_encode를 사용할 수 있습니다 : 배열은 다음과 같이 보일 것입니다 당신이 당신의 AJAX 기능을 설정하면

$iconsJSON = json_encode($icons); 
echo $iconsJSON; 

기본 페이지 (javascript가있는 페이지)에서 다음과 같이 icon 키 중 하나를 참조 할 수 있습니다.

$.ajax({ 
dataType: 'JSON', 
type: 'POST', 
url: api_url+'client/'+client.id+'.json', 
data: { 
    variable1: 'value', 
    variable2: 'value', 
    variable3: 'value' 
}, 
success: function(data) { 
    // On success perform this function 
    var icons = data; 
}, 
error: function(data) { 
    // On failure perform this function 
} 
}); 

더 많은 지침이 필요하면 내가이 리소스를 통해 읽는 것이 좋습니다

: http://www.jquery4u.com/json/ajaxjquery-getjson-simple/