PHP AJAX调用MySQL数据库。 如何正确转义返回（json_encode）到页面的HTML数据？

Question

我的数据库包含带有包含的HTML脚本标记的记录。 我已经阅读了许多有关如何在使用json_encode / AJAX的情况下如何处理这种情况的选项。

我应该使用JS函数来转义客户端的特殊字符，还是可能缺少我缺少的PHP解决方案？

编辑假设：用户不想剥离/删除html标签，只想在服务器或客户端对它们进行编码的方法或建议！

PHP（process.php）：

 $records = array();

 if($results = $db->query("SELECT * FROM cust_tbl")) {
     if($results->num_rows) {
         while($row = $results->fetch_object()) {
             $records[] = $row;
         }

         echo json_encode($records);

         $results->free();
     }

 }

AJAX：

function show() {
    clear();
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "process.php",
        data: "action=show",
        success: function(data) {
            $.each(data, function(index, data) {
                $('#tablebody').append('<tr>');
                $('#tablebody').append('<td>' + data.JL_JOB_DATE + '</td>');
                $('#tablebody').append('<td>' + data.JL_YR + '</td>');
                $('#tablebody').append('</tr>');
            });
        }
    });
}

Answer 1

如果您希望对要发送的HTML进行编码：可以使用htmlentities()

如果您要删除html标记并只保留文本，请使用strip_tags()

更新：

我在您的$.each注意到， $.each都有2个用于data参数。 在$.each ，我通常这样做的是：

$.each(data, function() {
    //use data.<column name>
});

除非您真的需要数据索引，否则建议您将其保留以提高可读性。 $.each文档可以在这里找到 。

另外，请尝试一次完成全部附加操作。

$.each(data, function() {
    $('#tablebody').append( '' +
                            '<tr>' +
                                '<td>' + data.<column name> + '</td>' +
                                '<td>' + data.<column name> + '</td>' +
                            '</tr>' +
                            '');
});

按照您的方式进行操作，基本上会创建一个新行，然后将表数据添加到表的末尾，而不是专门在所需的tr中添加。

Answer 2

使用php strip_tags（$ records）;
http://www.w3schools.com/Php/func_string_strip_tags.asp

Answer 3

使用underscore.js

escape_.escape(string) 
Escapes a string for insertion into HTML, replacing &, <, >, ", and ' characters.

_.escape('Curly, Larry & Moe');
=> "Curly, Larry &amp; Moe"

在我的代码中添加了功能：

$.each(data, function(index, data) {
            $('#tablebody').append('<tr>');
            $('#tablebody').append('<td>' + escape(data.JL_JOB_DATE) + '</td>');
            $('#tablebody').append('<td>' + escape(data.JL_YR) + '</td>');
            $('#tablebody').append('</tr>');
        });