jquery ajax回调请求从php文件中带来html

Question

我正在制作一个ajax请求，我将在输入框中键入name以从db中搜索数据，它工作正常，

<script>

    $(document).ready(function(){   
    $('input#name-submit').on('click', function() {

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

</script>

----php

if(isset($_POST['name'])){    
$name = $_POST['name'];     
echo $name;

现在的问题是当我将html嵌入到php中并回显它时，它还会打印html

echo  "<div class='tblDiv'>";
echo  "</div>";

result: <div class='tblDiv'> Name </div> 

如何避免这种情况并以风格获得结果？

Answer 1

您需要使用.html()代替.text()

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

.text()不会解析html内容，它会转义html并按原样打印传递的值