javascript - 如何使 Backbone 中的 JQuery 进度栏显示多个 Ajax 调用的进度？

Question

编辑:

我什至无法在 Controller 中使用 Backbone js进行简单的设置

initialize: function() {

    // alert("1"); 
    $( "#progressbar" ).html("0%");
    // alert("2");

    $.ajax({
      dataType:"json", 
      async:true,
      url:"http://localhost:8888/chathau5/rest/tasks/list",
      success: function(data, response) {

      }
    });


    // alert("3");
    $( "#progressbar" ).html("25%");
            // it works when i put the alerts in...

},

有什么想法吗？

<小时/>

我试图在加载时放置一个 jquery 进度条。我当前的结构是java和backbone。

当我进入 Backbone Controller 时，我想初始化进度条，并在每次ajax调用后更新值，如下所示

    initialize: function() {

    $("#progressbar").progressbar({ 
        value: 0
    });

    var tasks = $.ajax({
      dataType: "json",
      async:false,
      url: "http://localhost:8888/chathau5/rest/tasks/list",
      success:function(data,response) {
        tsks = data;
      }
    });

    $("#progressbar").progressbar({ 
        value: 50
    });

    var tasks2 = $.ajax({
      dataType: "json",
      async:false,
      url: "http://localhost:8888/chathau5/rest/tasks/list2",
      success:function(data,response) {
        tsks = data;
      }
    });

    $("#progressbar").progressbar({ 
        value: 100
    });

在我的index.html中我有但进度条根本不显示......除非我在每个 $progress bar 更新周围添加警报......

在我的后端java中，我正在运行线程 sleep 以进行测试......

如果我在上面的每个进度条更新周围放置警报，它就会起作用...我不确定这是如何发生的...任何想法如何解决这个问题

Answer 1

您的进度条代码需要进入 success 函数

var tasks = $.ajax({
      dataType: "json",
      async:false,
      url: "http://localhost:8888/chathau5/rest/tasks/list",
      success:function(data,response) {
        tsks = data;
        $("#progressbar").progressbar({ 
          value: 50
        });
      }
    });