javascript - 无法通过ajax显示数据

我在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] +中却没有价值。

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


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



谁能告诉我我要去哪里错了

最佳答案

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

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>");
  }