jQuery技术:在jQuery html（）中防止XSS

我使用ajax从数据库接收数据，然后使用.html（）jQuery函数将其与HTML代码一起添加到网站，如下所示：

$.ajax({ url: "getDatabaseData.php", type: "post", dataType: "json", success: function(response){ $("#message-div").html(getMessagesHtml(response)); } }); function getMessagesHtml(messages){ var result = ""; for(var i = 0; i < messages.length; i++){ result += "
" + "
Name: " + messages[i].name + "
" + "
Message: " + messages[i].message + "
" + "
"; } return result; } 

以下是getDatabaseData.php，它从数据库获取并返回数据：

 $messages = $CFG_DB->select("SELECT name, message FROM messages"); echo json_encode($messages); 

想象一下，例如，如果消息包含以下文本：

 XSS Attack code goes here 

我的问题是：

我想在这种情况下使用text（）而不是html（）不是一个选项，因为我还添加了html代码。

没有javascript，当使用PHP打印数据时，我只是对从数据库接收的变量使用htmlentities来阻止XSS，例如htmlentities（messages [i] .name）和htmlentities（messages [i] .message）。 但我没有看到任何类似的JavaScript。

 function getMessagesHtml(messages){ return messages.map(function(o){ var $div = $('
'); $div.append($('
', {text: "Name: " + o.name})); $div.append($('
', {text: "Message: " + o.message})); return $div; }); } 

 function text(str){ return $('
',{text:str}).text(); } 

以上就是jQuery教程分享在jQuery html（）中防止XSS相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。