无法通过ajax显示数据

Question

我在ajax中有一段代码，我试图通过它来打印值

success: function(returndata) {
    $('#first').html("<div id='first' class='progress-bar progress-bar-primary' role='progressbar' aria-valuenow='22' aria-valuemin='0' aria-valuemax='100' style='width: "+ returndata[0] +"%;>"+ returndata[0] +"%'</div>");
    }

我正在获得returndata[0]的价值，并且它会在第一部分打印出来，即style='width: "+ returndata[0] +"，但我没有在第二部分获得价值，即+ returndata[0] +

它应该调整背景颜色宽度，并且它应该像这样在它上面打印一个数字

但目前只有颜色的宽度正确，但没有数字。它看起来像这样

任何人都可以告诉我哪里出错了

Answer 1

您不小心忘记关闭样式标记。

style='width: "+ returndata[0] +"%>'//Missing aposthrophe

此代码应该可以正常工作：

 success: function(returndata) {
    $('#first').html("<div id='first' class='progress-bar progress-bar-primary' role='progressbar' aria-valuenow='22' aria-valuemin='0' aria-valuemax='100' style='width: "+ returndata[0] +"%;'>"+ returndata[0] +"%'</div>");
  }

Answer 2

这样做

   
var returndata=[];
returndata.push(40);

$('#first').html('<div id="first" class="progress-bar progress-bar-primary"      role="progressbar" aria-valuenow="22" aria-valuemin="0" aria-valuemax="100" style="width:'+returndata[0]+'%;">'+returndata[0]+'</div>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<div id="first">
  
  </div>