为什么我的 <br> 不行 ？

Question

我将PHP数组返回到JQuery调用，以追加到名为“ name-data”的div中。 我希望我的数组垂直列出，所以我在PHP中连接了一个br标签，但是当它到达HTML页面时，未渲染br，它只是作为文本出现。 我尝试了各种形式的br，但都没有运气。

我是JQuery的新手-我在做什么错？ 非常感谢 ！

PHP：

$result = mysqli_query($con,"SELECT FirstName FROM customer limit 5");
while($row = mysqli_fetch_array($result))
 {
echo $row['FirstName']."<br />";
}

jQuery的：

$('input#name-submit').on('click',function(){
var name = $('input#name').val();
if($.trim(name) !=''){
    $.post('search.php',{name:name}, function(data){
    $('div#name-data').text(data);
    });
}
});

的HTML

Name:<input type="text" id="name">
<input type="submit" id="name-submit" value="grab">
<div id="name-data"> </div>

Answer 1

尝试将.text()替换为.html() 。

$('div#name-data').html(data);

另外，出于对克苏鲁的热爱，请对您的MySQL查询进行参数化 。 那是一个SQL注入只是等待发生。

Answer 2

更改：

 $('div#name-data').text(data);

至

$('div#name-data').html(data);

了解有关.text()和.html()

Answer 3

另外，如果<br>是div中的最后一项，则大多数浏览器实际上不会显示中断。 之后您需要一些东西，例如： <br>&nbsp;