用javascript發送特殊字符

Question

我使用javascript發送用戶名和javascript和$ _POST方法。 其簡單用戶名的工作，但用戶名有特殊字符，如「Al [！] e $ E」有問題，無法在我的數據庫中找到用戶名。

<div class="friend-add"> 

<form method="post" action="" class="form-inline"> 
<fieldset> 
<input name="username" id="username" placeholder="Username" autocomplete="off" type="text"> 
<button id="add_friend" name="add_friend" type="submit" class="btn">Add friend</button> 
</fieldset> 
</form> 
<div id="loading_m" style="position:relative; width:16px; height:16px; float:left; margin-top:-30px;margin-left:330px;background-image:url(loading.gif); background-repeat:no-repeat; background-size:16px 16px; display:none;"></div> 
</div> 


<script language="javascript" type="text/javascript"> 
$("#add_friend").click(function(){ 
$("#add_friend").attr("disabled","disabled"); 
$("#loading_m").fadeOut('fast'); 
$("#loading_m").fadeIn('fast'); 
$("#alert_m").html(""); 
$.post("friend_request.php", { friend_username : $("#username").val() }) 
    .done(function(data) { 
     //alert(data); 
     if (data.toLowerCase().indexOf("notexist") >= 0){ 
      $("#loading_m").fadeOut('fast',function(){ 
       $("#alert_m").html("<b style='color:#FF0040;'>This user does not exist.</b>").fadeIn('fast').delay(5000).fadeOut('fast'); 
       $("#add_friend").removeAttr('disabled'); 
      }); 
     } 

     ...... 

       .fail(function(){ 
     $("#loading_m").fadeOut('fast',function(){ 
       $("#alert_m").html("<b style='color:#F00;'>Something wrong with server please try again later.</b>").fadeIn('fast').delay(5000).fadeOut('fast'); 
       $("#add_friend").removeAttr('disabled'); 
      }); 
    }); 
    return false; 


}); 

Answer 1

爲什麼要使用encodeURIComponent方法：When are you supposed to use escape instead of encodeURI/encodeURIComponent?

... 
$.post("friend_request.php", { friend_username : encodeURIComponent($("#username").val()) }) 
... 

編輯：使用urldecode（）在PHP把它放回原來的字符串。

$username = urldecode($_POST['friend_username']); 

編號：http://www.php.net/manual/en/function.urldecode.php