JQuery прогрессбар с ajax-запросом в JSON

Мне нужна помощь с запросом ajax и использованием данных в прогресс-баре jQuery.

Вот index.html

<div id="progressbar"></div>

Вот test.json

{ "progressbar":12 }

Вот код JavaScript

$(function() {

    $.ajax({ dataType:"json",
        url: test.json, 
        success: <!-- dont know what to do here -->,
    });

    $( "#progressbar" ).progressbar({
        value: <!-- Dont know what to do here  -->  
    });
});

Прошу прощения, но я не привык к jQuery и json. Я был бы рад за действительно хороший пример!!!

Большое спасибо!

1 ответ

Решение

Используйте свой успех, чтобы обновить индикатор выполнения

$(function() {
    $.ajax({ dataType:"json",
        url: "https://gist.githubusercontent.com/quannt/d60905a978058de2312b/raw/2d4ab1df422dc19b7214d10ffd5e80795e2aa0a5/gistfile1.txt", 
            success: function(data){
                $( "#progressbar" ).progressbar({
                    value: data.progressbar
                });
            }
    });
});

Скрипка здесь

Другие вопросы по тегам