js input輸入百分號保存數據庫失敗的解決方法

更新時間：2018年05月26日 19:33:41 作者：有魔力的豆角

這篇文章主要介紹了js input輸入百分號保存數據庫失敗的解決方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下

解決辦法如下：

1.用ASCII碼替換百分號和與符號

var remark = $("#remark").val();
 remark.replaceAll("ASCII69","%").replaceAll("ASCII70","&");
//展示時需要對原先替換的進行還原展示
remark.replaceAll("%","ASCII69").replaceAll("&","ASCII70");

2.在jquery中用編碼轉換來實現百分號的保存

//encodeURI() 函數可把字符串作為 URI 進行編碼。
//對以下在 URI 中具有特殊含義的 ASCII 標點符號，encodeURI() 
//函數是不會進行轉義的： , / ? : @ & = + $ 
var uri="my test.php?name=%fff&car=saab#&";
document.write(encodeURI(uri)+ "<br>");

結果為：

my%20test.php?name=%25fff&car=saab#&

這里將百分號編碼為 %25

//decodeURI() 函數可對 encodeURI() 函數編碼過的 URI 進行解碼。
//提示： 使用 encodeURI() 函數可以對 URI 進行編碼。
encodeURIComponent() 函數可把字符串作為 URI 組件進行編碼。

該方法不會對 ASCII 字母和數字進行編碼，也不會對這些 ASCII 標點符號進行編碼： - _ . ! ~ * ' ( ) 。

其他字符（比如：;/?:@&=+$,# 這些用于分隔 URI 組件的標點符號），都是由一個或多個十六進制的轉義序列替換的。

var uri="http://w3cschool.cn/my test.php?name=ståle&car=saab";
document.write(encodeURIComponent(uri));
//結果展示：
http%3A%2F%2Fw3cschool.cn%2Fmy
%20test.php%3Fname%3Dst%C3%A5le%26car%3Dsaab 
//decodeURIComponent() 函數可對 encodeURIComponent()
// 函數編碼的 URI 進行解碼。
//提示：使用 encodeURIComponent() 方法可以對 URI 進行編碼。

總結

以上所述是小編給大家介紹的js input輸入百分號保存數據庫失敗的解決方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

您可能感興趣的文章:

canvas繪制多邊形
本文主要分享了利用canvas畫多邊形的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
快速實現JS圖片懶加載(可視區(qū)域加載)示例代碼
目前很多網站，在圖片加載時均采用了一種名為懶加載的方式，具體表現為，當頁面被請求時，只加載可視區(qū)域的圖片，其它部分的圖片則不加載，只有這些圖片出現在可視區(qū)域時才會動態(tài)加載這些圖片，下面本文就介紹了JS圖片懶加載(可視區(qū)域加載)的實現方法，一起來看看吧。
2017-01-01
JavaScript中判斷整字類型最簡潔的實現方法
這篇文章主要介紹了JavaScript中判斷整字類型最簡潔的實現方法,本文給出多個判斷整數的方法,最后總結出一個最短、最簡潔的實現方法,需要的朋友可以參考下
2014-11-11
js判斷輸入是否為數字的具體實例
這篇文章介紹了js判斷輸入是否為數字的具體實例，有需要的朋友可以參考一下
2013-08-08
詳解JavaScript中Generator函數的使用
Generator 是 ES6 新增的一種函數類型，這篇文章主要來和大家詳細聊聊Generator函數的具體用法，文中的示例代碼講解詳細，感興趣的可以了解一下
2023-06-06
javascript eval函數深入認識
發(fā)現為本文起一個合適的標題還不是那么容易，呵呵，所以在此先說明下本文的兩個目的
2009-02-02
原生JS生成指定位數的驗證碼
這篇文章主要為大家詳細介紹了原生JS生成指定位數的驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-10-10
原生JS實現小小的音樂播放器
這篇文章主要為大家詳細介紹了原生JS實現音樂播放器，支持循環(huán)、隨機播放，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-10-10
js實現頁面跳轉的五種方法推薦
下面小編就為大家?guī)硪黄猨s實現頁面跳轉的五種方法推薦。小編覺得挺不錯的?，F在分享給大家，讓大家參考一下
2016-03-03
childNodes.length與children.length的區(qū)別
childNodes.length與children.length的值常不一樣。
2009-05-05