jQuery ajax回調請求從php文件中獲取html

Question

我正在提出ajax請求，我將在輸入框中鍵入名稱以從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並按原樣打印傳遞的值