Question

我有这个进度条，我需要根据从文本文件中读取的值来设置值。该值随时间变化，因此棒的填充应根据该值改变。这是代码：

<!-- Demo Progressbar --> 
<meta charset="utf-8">
    <script>
    $(function() {
        $( "#progressbar" ).progressbar({
            value: 80 //which need to be dynamic
        });
    });
    </script>
 <div class="demo">

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

</div>
<!-- End demo -->

Answer 1

您可以使用jQuery的ajax读取文本文件的值：http://api.jquery.com/jQuery.ajax/

获得此值后，您可以将其提供给进度条。

示例[“TextFile1”的内容应该只是一个简单的数字，如“88”]：

$(document).ready(function () {
    $.ajax({
        url: "TextFile1.txt",
        type: "GET",
        success: function (value) {
            $("#progressbar").progressbar({
                value: value
            });
        }
    });
});

注意：这仅在文本文件位于项目目录中并且可以通过URL [http：//demo/TextFile1.txt]命中时才有效。如果它位于文件系统的其他位置，则必须使用服务器端代码（.NET，PHP）来读取值，然后使用jQuery的ajax调用服务器端代码。

如何从正在改变的文本文件的值填充jQuery进度条？

1 个答案: