Обновление JQuery Progressbar с ответом JSON в запросе ajax

Все,

У меня есть запрос AJAX, который делает запрос JSON на сервер, чтобы получить статус синхронизации. Запрос JSON и ответы такие как: Я хочу отобразить панель прогресса JQuery UI и обновить статус progressbar, в соответствии с процентом, возвращаемым в ответе getStatus JSON. Если статус «insync», то индикатор прогресса не должен появляться, и вместо этого следует отображать сообщение. Пример: «Сервер находится в синхронизации». Как я могу это сделать?

//JSON Request to getStatus { "header": { "type": "request" }, "payload": [ { "data": null, "header": { "action": "load", } } ] } //JSON Response of getStatus (When status not 100%) { "header": { "type": "response", "result": 400 }, "payload": [ { "header": { "result": 400 }, "data": { "status": "pending", "percent": 20 } } ] } //JSON Response of getStatus (When percent is 100%) { "header": { "type": "response", "result": 400 }, "payload": [ { "header": { "result": 400 }, "data": { "status": "insync" } } ] } 

Предполагая, что ваш индикатор прогресса / сообщение будет помещен в div с именем «loadDiv»:

 $(document).ready(function() { var myLoadingDiv = $("#loadingDiv"); myLoadingDiv.progressbar({disabled:true}); $.getJSON("getStatus.php", function(data) { if (data.payload.data.status == "insync") { myLoadingDiv.progressbar("disable"); myLoadingDiv.html("Server is in Sync"); } else if (data.payload.data.status == "pending") { myLoadingDiv.progressbar("enable"); myLoadingDiv.progressbar("value", data.payload.data.percent); } else { //something else if there are any other status' } }); });