如何使用Jquery / Javascript自动完成解码HTML实体

我有一个自动完成的脚本,它使用php / jquery从数据库中检索信息。</ p>

<前> &lt; script type =“text / javascript”&gt;
$(function(){
var availableTags =&lt;?php include('autocomplete.php');?&gt ;;

$(“#artist_name”)。autocomplete({
source:availableTags,
autoFocus:true
});
});
&lt; / script&gt;
</ code> </ pre >

我遇到的问题是显示html字符“é”,“&amp;” 和“ó”作为&amp; eacute; </ code> &amp; amp; </ code>和&amp; eacute; </ code> </ p> \存储在数据库中 n

我无法获取javascript代码来显示用户选择的html字符。</ p>

如果我将html实体更改为数据库中的特殊字符,那么 自动完成脚本完全停止工作。 </ p>

我在Stackoverflow上找到了这个可能的解决方案,但我不知道如何在我自己完成的javascript中实现它,或者它是否能解决我的问题。</ p>

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

//返回“&lt; img src ='myimage.jpg'&gt;”
&lt; / script&gt;
</ code> </ pre>

我不精通javascript编码。 如何解码自动完成脚本中的html实体。 请帮忙。 谢谢。</ p>

Autocomplete.php代码:</ p>

 &lt;?php 
$ connection = mysqli_connect(“localhost”,“root” ,“root”,“database_name”)或die(“Error”.mysqli_error($ connection));

//从艺术家表中获取艺术家名称
$ sql =“select artist_name from artist_names”;
$ result = mysqli_query($ connection,$ sql)或die(“Error”.mysqli_error($ connection));

$ dname_list = array();
while($ row = mysqli_fetch_array($ result))
{
$ dname_list [] = $ row ['artist_name'];
}
echo json_encode($ dname_list);
?&gt;
</ code> </ pre>
</ div>

展开原文

原文

I have an auto-complete script that uses php/jquery to retrieve information from database.

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

The problem I'm having is displaying html characters "é", "&" and "ó" that are stored in the database as &eacute; &amp; and &eacute;

I cannot get the javascript code to show the html characters for the user to select.

If I change the html entity to the special character in the database, then the auto-complete script stops working altogether.

I found this possible solution on Stackoverflow, but I do not know if how to implement it within the auto-complete javascript that I have or if it will solve my problem at all.

<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>

I am not proficient in javascript coding. How can I decode the html entities within the auto-complete script. Please help. Thanks.

Autocomplete.php code:

    <?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);
?>

dousenjue3214
dousenjue3214 哦,我想我误解了你的问题,你的意思是,你的自动完成列表呈现为<ul><li>&gt;div&gt;</li></ul>其中ul和li是由jQueryUI的自动完成小部件创建的元素?
接近 5 年之前 回复
dou6577
dou6577 回复较晚,抱歉。我的网络连接断了。无论如何,我已经添加了autocomplete.php脚本来结束我的问题。谢谢你的回复。
接近 5 年之前 回复
doubi8965
doubi8965 请提供autocomplete.php的内容
接近 5 年之前 回复

1个回答



请选择其中一种(但不是两者</ strong>)</ p>

PHP解决方案:</ strong> </ p>

如果要解码html实体,可以先使用php的内置 html_ entity_ decode()</ code> 函数 autocomplete.php </ code>:</ p>

  $ dname_list = array(); 
while($ row = mysqli_fetch_array($ result))
{\ n $ dname_list [] = html_ entity_ decode($ row ['artist_name']);
}
echo json_encode($ dname_list);
</ code> </ pre>

< strong> JS解决方案:</ strong> </ p>

看看 jQueryUI的文档,您可以使用它来构建自己的&lt; li&gt; </ code>元素,如下所示:</ p>

   $(“#artist_name”)。autocomplete({
source:availableTags,
autoFocus:true,
_renderItem:function(ul,item){
return $(“&lt; li&gt;”)\ n .attr(“data-value”,item.val ue)
//这里不需要unescape
//因为htmlentities会被解释
.append($(“&lt; a&gt;”)。html(item.label))
.appendTo(ul);

}
});
</ code> </ pre>
</ div>

展开原文

原文

Please choose one of these (but not both)

PHP Solution :

if you want to decode html entities you could first use php's built-in html_​entity_​decode() function in 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 Solution :

take a look at jQueryUI's doc, you can use this to build your own <li> element, so that would be something like :

$("#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);
    }
});

doujiexi1824
doujiexi1824 html实体解码工作完美! 谢谢!!!!
接近 5 年之前 回复
doubeiji2602
doubeiji2602 我只更新了js
接近 5 年之前 回复
dongxiao0449
dongxiao0449 啊哈! 从来不知道htmlentitiesdecode。 我会试一试。 但问题是,我想我想弄清楚的是如何在自动完成脚本中实现unescape js函数。 我在哪里将代码行放在自动完成脚本本身中?
接近 5 年之前 回复
duan7007
duan7007 其实我觉得我错过了一些你的问题..?
接近 5 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐