使用jQuery/JavaScript的自動完成

Question

如何解碼HTML實體我有一個使用PHP/jQuery來檢索數據庫中的信息自動完成腳本。

<script type="text/javascript"> 
     $(function() { 
      var availableTags = <?php include('autocomplete.php'); ?>; 
      $("#artist_name").autocomplete({ 
       source: availableTags, 
       autoFocus:true 
      }); 
     }); 
    </script> 

我有正在顯示HTML字符「E」，「&」，問題「O」被存儲在數據庫中é&和é

我不能讓JavaScript代碼顯示用戶選擇的html字符。

如果我更改HTML實體特殊字符在數據庫中，然後自動完成腳本停止工作完全。

我發現這個＃1可能的解決方案，但我不知道是否如何，我有自動完成在JavaScript中實現，如果它會在所有解決我的問題。

<script> 
    function htmlDecode(input){ 
     var e = document.createElement('div'); 
     e.innerHTML = input; 
     return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue; 
    } 
    htmlDecode("&lt;img src='myimage.jpg'&gt;"); 
    // returns "<img src='myimage.jpg'>" 
</script> 

我不擅長javascript編碼。如何解碼自動完成腳本中的html實體。請幫忙。謝謝。

Autocomplete.php代碼：

<?php 
$connection = mysqli_connect("localhost","root","root","database_name") or die("Error " . mysqli_error($connection)); 

//fetch artist names from the artist table 
$sql = "select artist_name from artist_names"; 
$result = mysqli_query($connection, $sql) or die("Error " . mysqli_error($connection)); 

$dname_list = array(); 
while($row = mysqli_fetch_array($result)) 
{ 
    $dname_list[] = $row['artist_name']; 
} 
echo json_encode($dname_list); 
?> 

Answer 1

請選擇其中之一（但不能同時）

PHP解決方案：如果要解碼HTML實體你可以

第一次使用PHP的內置html_​entity_​decode()功能autocomplete.php：

$dname_list = array(); 
while($row = mysqli_fetch_array($result)) 
{ 
    $dname_list[] = html_​entity_​decode($row['artist_name']); 
} 
echo json_encode($dname_list); 

JS解決方案：

在jQueryUI's doc看看，你可以用它來建立自己的<li>元素，所以這將是這樣的：

$("#artist_name").autocomplete({ 
    source: availableTags, 
    autoFocus: true, 
    _renderItem: function(ul, item) { 
     return $("<li>") 
      .attr("data-value", item.value) 
      //no need to unescape here 
      //because htmlentities will get interpreted 
      .append($("<a>").html(item.label)) 
      .appendTo(ul); 
    } 
});