无法通过 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>

无法通过 ajax 显示数据

not able to display data through ajax

html

javascript

css

ajax

jquery