2015-09-06 4 views
0

После поиска нескольких часов как в этом форуме, так и в Интернете, я, наконец, решил опубликовать мою проблему ... Я хотел бы обновить круговой индикатор выполнения с помощью ajax, но я новичок в этом темы и не удалось передать различные решения моей проблемы. Вот код:Обновить Javascript и получить переменную PHP

<script type="text/javascript"> 
     $('#circle').circleProgress({ 
     value: 0.75, 
     size: 150, 
     fill: { 
     gradient: ["red", "orange"] 
     } 
     }); 
</script> 

<script type="text/javascript"> 
     <?php include "itemCount2.php"; ?> 
     $('#circle').circleProgress('value', <?php echo $count ?>); 
</script> 

Второй сценарий обновляет свой прогресс бар с помощью PHP переменного $ кола. Содержимое базы данных меняется динамически. Эта версия работает нормально. Теперь я хотел бы выполнить этот скрипт каждые несколько секунд, автоматически обновляя прогресс. Может ли кто-нибудь мне помочь? Большое вам спасибо!

+0

Консультация брокера. Изучите Ajax для управления сервером с клиентской стороны :) – aimme

ответ

0

progrss.php

$progress['progress']=(int)getProgress(); // it should return data from database i men percentage 
    echo json_encode($progress); 

Затем в HTML добавьте следующий код. Уже добавлена ​​библиотека hope jope.

$(function() { 
var nre = setInterval(checkit, 5000); 
function checkit(){ 
$.ajax({ 
url: 'http://yoursite/progress.php', 
dataType: 'json', 
cache: true, 
timeout: 300000, 
success: function(data) { 


$.each(data, function(i,datas){ 
if(datas.progress<100) 
{ 
// Write your code for circle. 
} 
else 
{ 

$('#output').html("complete. "+datas.comment); 
clearInterval(nre); 
} 

}); 

}, 
error: function(){ 
$('#output ul').append('<li>Error'); 
} 
}); 

} 
}); 
Смежные вопросы