jquery ajax對特殊字符進行轉義防止js注入使用示例
更新時間：2013年11月21日 16:24:25 作者：
如果有人在留言里寫入了js語句,這結語句都會被執(zhí)行.解決辦法就是對這些特殊字符進行轉義再顯示出來，下面有個不錯的示例，感興趣的朋友可以參考下
在使用ajax進行留言的時候,出現(xiàn)了一個問題.因為留言內容寫完之后,通過ajax提交內容,同時使用js把留言的內容添加到頁面上來.瀏覽留言的時候也是通過ajax請求,然后再顯示的.這樣,如果有人在留言里寫入了js語句,這結語句都會被執(zhí)行.解決辦法就是對這些特殊字符進行轉義再顯示出來.如果在jsp中使用jstl標簽,就很簡單了.直接使用<c:out value=”${r.content}” />這樣就行了,會自動進行轉義,其中省略了參數escapeXML=”true”,這是默認的.所以說在顯示這些用戶提交的內容的時候不要用el表達示,因為el不會自動進行轉義,用c:out比較好.而如果也是通過ajax請求,然后再顯示的,那就用下面的方法.其實也很簡單.
復制代碼 代碼如下:
var html="<script>alert('asdfasdf')<\/script>";
$("#content").text(html);
那么會發(fā)生什么情況 解決辦法很簡單 就是把這些特殊字符進行轉義也就是<變成<>變成> 使用jquery對字符進行轉義這樣就可以了
復制代碼 代碼如下:
<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>
相關文章
jqPlot是一款基于jquery類庫的圖標繪制插件。通過jqPlot可以再網頁中繪制線狀、柱狀、餅狀等多種樣式圖表。而且，jqPlot具有插件可擴展性(Pluggability)，你可以編寫自己的圖表樣式。2011-04-04
這篇文章主要介紹了jQuery解析與處理服務器端返回xml格式數據的方法,結合實例形式分析了jQuery基于ajax的get方法與后臺交互操作xml格式數據的相關技巧與注意事項,需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了基于jQuery拖拽事件的封裝，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了JQuery使用數組遍歷跳出each循環(huán),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09
對jquery的ajax進行二次封裝以及ajax緩存代理組件:AjaxCache詳解
下面小編就為大家?guī)硪黄獙query的ajax進行二次封裝以及ajax緩存代理組件:AjaxCache詳解。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-04-04
針對jquery性能優(yōu)化這個主題，想必大家都有所了解。下面是我搜集點一點資料關于jquery性能優(yōu)化，大家可以參考參考。2014-05-05
這篇文章主要為大家詳細介紹了360導航頁圖標拖動排序效果代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-08-08
在做商城項目的時候，需要在購物車中增加一個商品加減功能，并在加減時同時修改總價格的顯示，并且保證文本框text只能輸入純數字2014-05-05
這篇文章主要介紹了JQuery對表格進行操作的常用技巧,需要的朋友可以參考下2014-04-04
本文依賴于jQuery,其中第一種，第二種方式是使用jQuery實現(xiàn)的，第三種方式是基于JS和DOM實現(xiàn)的，感興趣的朋友可以了解下2013-12-12