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

Все,

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

• mysql_query сохранить тип данных, созданный в таблице при возврате?
• AJAX: Как заменить содержимое DIV ссылкой в ​​том же DIV?
• Android Сортировка данных в массивы - ArrayAdapter JSON Listview
• Извлечение данных из JSON с использованием PHP
• Мой URL-адрес возвращает Json в браузере, но не работает в Postman

//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" } } ] } 

 $(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' } }); });