jQuery进度条,带有对json的ajax请求

时间:2015-02-07 13:47:14

标签: jquery ajax json jquery-ui-progressbar

我需要一些关于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 个答案:

答案 0 :(得分:2)

使用您的成功更新进度条

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

Fiddle here