使用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); 
    } 
});