html - 使用 jQuery Ajax 配置 HTML5 进度条

Question

我正在使用以下代码发出 ajax 请求。但是如何在接收响应时配置value属性。

$.ajax({
        url:url,
        cache:false,
        type:'POST',
        dataType:"json",
        data:'json',
        beforeSend:function(x){
            $('#main').html("<progress id='bar' value='0' max='100'></progress>").show();
        },
        success:function(json){
            $('#bar').val(100);
            parseResponse(json);
        },
        complete:function(){

            $('#bar').hide();
        }
    });

Answer 1

// ...
beforeSend:function(x){
        $('#main').html("<progress id='bar' value='0' max='100'></progress").show();
        // the attribute name is value, not val ↑ 
},
success: function(json){
    $('#bar').val(100);
    alert(json);
    parseResponse(json);
},
// ...

请参阅<progress>@MDN和jQuery .val()API 文档。

http://jsfiddle.net/mattball/xTSHL/

Answer 2

试试怎么样：$('#bar').attr('value', '100');

如果这不起作用，那么它可能与您的progress元素是动态创建的事实有关。