jquery ajax對特殊字符進(jìn)行轉(zhuǎn)義防止js注入使用示例
更新時間：2013年11月21日 16:24:25 作者：
如果有人在留言里寫入了js語句,這結(jié)語句都會被執(zhí)行.解決辦法就是對這些特殊字符進(jìn)行轉(zhuǎn)義再顯示出來，下面有個不錯的示例，感興趣的朋友可以參考下
在使用ajax進(jìn)行留言的時候,出現(xiàn)了一個問題.因為留言內(nèi)容寫完之后,通過ajax提交內(nèi)容,同時使用js把留言的內(nèi)容添加到頁面上來.瀏覽留言的時候也是通過ajax請求,然后再顯示的.這樣,如果有人在留言里寫入了js語句,這結(jié)語句都會被執(zhí)行.解決辦法就是對這些特殊字符進(jìn)行轉(zhuǎn)義再顯示出來.如果在jsp中使用jstl標(biāo)簽,就很簡單了.直接使用<c:out value=”${r.content}” />這樣就行了,會自動進(jìn)行轉(zhuǎn)義,其中省略了參數(shù)escapeXML=”true”,這是默認(rèn)的.所以說在顯示這些用戶提交的內(nèi)容的時候不要用el表達(dá)示,因為el不會自動進(jìn)行轉(zhuǎn)義,用c:out比較好.而如果也是通過ajax請求,然后再顯示的,那就用下面的方法.其實也很簡單.
復(fù)制代碼 代碼如下:
var html="<script>alert('asdfasdf')<\/script>";
$("#content").text(html);
那么會發(fā)生什么情況 解決辦法很簡單 就是把這些特殊字符進(jìn)行轉(zhuǎn)義也就是<變成<>變成> 使用jquery對字符進(jìn)行轉(zhuǎn)義這樣就可以了
復(fù)制代碼 代碼如下:
<head>
<script>
var html="<script>alert('asdfasdf')<\/scipt>";
html=$("#x").text(html).html();
$("#content").append("<div>"+html+"</div>");
</script>
</head>
<body>
<spanid="x"style="display:none"></span>
<divid="content"></div>
</body>
相關(guān)文章
jQuery DateTimePicker 日期和時間插件示例
jQuery UI很強大，其中的日期選擇插件Datepicker是一個配置靈活的插件，這篇文章主要介紹了jQuery DateTimePicker 日期和時間插件示例，有興趣的可以了解一下。2017-01-01
本篇文章主要是對jquery某一元素重復(fù)綁定的問題進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
下面小編就為大家?guī)硪黄猨query的ajax提交form表單的兩種方法小結(jié)(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考2016-05-05
Jquery Ajax學(xué)習(xí)實例3 向WebService發(fā)出請求，調(diào)用方法返回數(shù)據(jù)
Jquery Ajax學(xué)習(xí)實例3 向WebService發(fā)出請求，調(diào)用方法返回數(shù)據(jù)2010-03-03
判斷jquery對象是否存在的方法有很多，在本文將為大家詳細(xì)介紹下，通過length屬性是如何判斷的2013-10-10
jQuery 追加元素的方法如append、prepend、before
jQuery - 追加元素的方法有很多如append、prepend、before等等，下面為大家詳細(xì)介紹下2014-01-01
Jquery圖形報表插件 jqplot簡介及參數(shù)詳解
jqPlot是 一款基于jquery類庫的圖標(biāo)繪制插件。通過jqPlot可以再網(wǎng)頁中繪制線狀、柱狀、餅狀等多種樣式圖表。而且，jqPlot具有插件可擴展性 (Pluggability)，你可以編寫自己的圖表樣式2012-10-10
因為jquery中也有$調(diào)用，如果原來已經(jīng)定義了，難免會沖突。下面是一些解決思路。2010-07-07
jquery實現(xiàn)簡單的輪換出現(xiàn)效果實例
這篇文章主要介紹了jquery實現(xiàn)簡單的輪換出現(xiàn)效果,涉及jquery針對圖片樣式切換效果的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了基于jQuery實現(xiàn)音樂播放試聽列表的相關(guān)資料,需要的朋友可以參考下2016-04-04