使用Javascript中的單引號和雙引號轉義和轉義字符串

Question

我有一個搜索框，用戶可以搜索任何字符串，包括單引號和雙引號，搜索後，後端將關鍵字傳回給我，所以我可以把它放回盒子裏。我不知道該字符串是什麼，所以我無法逃避自己的報價，下面是一個例子：

var keyword = "hello"; 
$("#selectionkeywords").val(); 

我遇到的問題是，如果用戶輸入「你好」的關鍵詞變爲「」你好「」我得到這個錯誤：

missing) after argument list 
[Break On This Error] 
jQuery("#selectionkeywords").val(""hello""); 

用戶還可以輸入單引號，這樣的規則出來爲好。我嘗試過使用escape unescape，但我仍然遇到同樣的問題，例如escape（「」hello「」） 我可以以非轉義的格式獲取值，例如"你好"但我不知道該怎麼處理逃生無法正常工作我最終得到這個％26％23034％3Bhello％26％23034％3B

所以我幾乎卡住了此刻，我無法對絃樂做任何事情，有什麼想法？

Answer 1

你必須轉義字符串服務器端，所以JavaScript的接收它已逃走，在PHP的情況下，你可以這樣做：

$var = str_replace('"', '\"', $var); 

，然後在JavaScript，請務必閱讀這雙引號之間，如你逃脫爲：

//use double quotes, as you escaped for them 
jQuery("#selectionkeywords").val("<?php echo $var ?>"); 

Answer 2

當你交換從服務器到客戶端，反之亦然數據，要使用base64編碼和解碼，爲了避免這個問題和其他各種各樣的問題。

Java方面：

import javax.xml.bind.DatatypeConverter; 

/* ... */ 

/* Decode input from client */ 
String input = DatatypeConverter.printBase64Binary(inputFromClient); 

/* Encode output for client */ 
String output = DatatypeConverter.printBase64Binary(encodedOutput); 

JavaScript端：

// Encode data for the server 
var dataForServer = Base64.encode(data); 

// Decode data coming from the server 
var data = Base64.decode(dataFromServer); 

使用這個類

var Base64 = { 

    // private property 
    _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz/=", 

    // public method for encoding 
    encode : function (input) { 
     var output = ""; 
     var chr1, chr2, chr3, enc1, enc2, enc3, enc4; 
     var i = 0; 

     input = Base64._utf8_encode(input); 

     while (i < input.length) { 

      chr1 = input.charCodeAt(i++); 
      chr2 = input.charCodeAt(i++); 
      chr3 = input.charCodeAt(i++); 

      enc1 = chr1 >> 2; 
      enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); 
      enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); 
      enc4 = chr3 & 63; 

      if (isNaN(chr2)) { 
       enc3 = enc4 = 64; 
      } else if (isNaN(chr3)) { 
       enc4 = 64; 
      } 

      output = output + 
      this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + 
      this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4); 

     } 

     return output; 
    }, 

    // public method for decoding 
    decode : function (input) { 
     var output = ""; 
     var chr1, chr2, chr3; 
     var enc1, enc2, enc3, enc4; 
     var i = 0; 

     input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); 

     while (i < input.length) { 

      enc1 = this._keyStr.indexOf(input.charAt(i++)); 
      enc2 = this._keyStr.indexOf(input.charAt(i++)); 
      enc3 = this._keyStr.indexOf(input.charAt(i++)); 
      enc4 = this._keyStr.indexOf(input.charAt(i++)); 

      chr1 = (enc1 << 2) | (enc2 >> 4); 
      chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); 
      chr3 = ((enc3 & 3) << 6) | enc4; 

      output = output + String.fromCharCode(chr1); 

      if (enc3 != 64) { 
       output = output + String.fromCharCode(chr2); 
      } 
      if (enc4 != 64) { 
       output = output + String.fromCharCode(chr3); 
      } 

     } 

     output = Base64._utf8_decode(output); 

     return output; 

    }, 

    // private method for UTF-8 encoding 
    _utf8_encode : function (string) { 
     string = string.replace(/\r\n/g,"\n"); 
     var utftext = ""; 

     for (var n = 0; n < string.length; n++) { 

      var c = string.charCodeAt(n); 

      if (c < 128) { 
       utftext += String.fromCharCode(c); 
      } 
      else if((c > 127) && (c < 2048)) { 
       utftext += String.fromCharCode((c >> 6) | 192); 
       utftext += String.fromCharCode((c & 63) | 128); 
      } 
      else { 
       utftext += String.fromCharCode((c >> 12) | 224); 
       utftext += String.fromCharCode(((c >> 6) & 63) | 128); 
       utftext += String.fromCharCode((c & 63) | 128); 
      } 

     } 

     return utftext; 
    }, 

    // private method for UTF-8 decoding 
    _utf8_decode : function (utftext) { 
     var string = ""; 
     var i = 0; 
     var c = c1 = c2 = 0; 

     while (i < utftext.length) { 

      c = utftext.charCodeAt(i); 

      if (c < 128) { 
       string += String.fromCharCode(c); 
       i++; 
      } 
      else if((c > 191) && (c < 224)) { 
       c2 = utftext.charCodeAt(i+1); 
       string += String.fromCharCode(((c & 31) << 6) | (c2 & 63)); 
       i += 2; 
      } 
      else { 
       c2 = utftext.charCodeAt(i+1); 
       c3 = utftext.charCodeAt(i+2); 
       string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); 
       i += 3; 
      } 

     } 

     return string; 
    } 

}