Ajax コードの文字化けの問題 (Baidu 検索ページの模倣)、オンラインで回答してください。ヒーローができるだけ早くお手伝いします-PHPチュートリアル-php.cn

Ajax コードの文字化けの問題 (Baidu 検索ページの模倣)、オンラインで回答してください。ヒーローができるだけ早くお手伝いします

WBOY

リリース： 2016-06-23 14:21:09

オリジナル

902 人が閲覧しました

Ajax の文字化け

このようなコードの文字化けを解決する方法! ！！すべてのコードを投稿しました:

<?php//require('common.inc.php');//require('config.inc.php');mysql_connect('localhost', 'root' ,'123456');mysql_select_db("hxyjw_20100416");mysql_query("SET NAMES GBK");//防止数据库交互时乱码header('Content-Type:text/html;charset=gbk');$queryString = $_POST['queryString'] ;if(strlen($queryString) >0) {$sql= "SELECT username FROM phpcms_member WHERE username LIKE '".$queryString."%'  LIMIT 0,15";echo $sql;$query = mysql_query($sql);while ($result = mysql_fetch_array($query)){	$value=$result['username'];	echo '<li onClick="fill(\''.$value.'\');">'.$value.'</li>';}}?>

ログイン後にコピー

htm:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>Ajax搜索功能</title><script type="text/javascript"  src="/js/jquery-1.3.1.js"></script><script type="text/javascript">function lookup(inputString) {if(inputString.length == 0) {// Hide the suggestion box.$('#suggestions').hide();} else {$.post("rpc.php", {queryString: ""+inputString+""}, function(data){if(data.length >0) {$('#suggestions').show();$('#autoSuggestionsList').html(data);}});}} // lookupfunction fill(thisValue) {$('#inputString').val(thisValue);setTimeout("$('#suggestions').hide();", 200);}</script><style type="text/css">body {font-family: Helvetica;font-size: 11px;color: #000;}h3 {margin: 0px;padding: 0px;}.suggestionsBox {position: relative;left: 30px;margin: 10px 0px 0px 0px;width: 200px;background-color: #212427;-moz-border-radius: 7px;-webkit-border-radius: 7px;border: 2px solid #000;color: #fff;}.suggestionList {margin: 0px;padding: 0px;}.suggestionList li {margin: 0px 0px 3px 0px;padding: 3px;cursor: pointer;}.suggestionList li:hover {background-color: #659CD8;}</style></head><body><div><form><div style="border: 1px solid #CCCCCC; border-radius: 20px 20px 20px 20px; margin: 2em auto 1em; max-width: 50px; min-width: 300px; max-height: 60px; min-height: 60px;"><br/><div style="text-align: LEFT"> 搜索:<input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" /></div><div class="suggestionsBox" id="suggestions" style="display: none;"><img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" /><div class="suggestionList" id="autoSuggestionsList"></div></div></div></form></div></body></html>

ログイン後にコピー

ディスカッションへの返信(解決策)

誰か助けてください、O(∩_∩)O ありがとうございます

誰か助けてください、O (| So ajax返されたコンテンツは gbk に従って解釈されます
ただし、ajax は常に utf-8 でデータを送信します
したがって、$queryString = $_POST['queryString'];

$sql をエコーしたとき、取得されるのは utf-8 でエンコードされたデータです。 ;, utf-8 の内容は gbk として送信されるため、文字化けが発生します

そのためには、次のものが必要です
$queryString = iconv('utf-8', 'gbk', $_POST['queryString'] ); ajax によってコードに送信されるデータ

header('Content-Type: text/html;charset=gbk'); があるため、ajax は返されたコンテンツを gbk として解釈します
ただし、ajax は常にデータは utf で送信されます-8
つまり、 $queryString = $_POST['queryString'];
$sql をエコーすると、utf-8 の内容が文字化けして送信されます。文字が表示されます
これには、次のものが必要です

$queryString = iconv('utf-8', 'gbk', $_POST['queryString']);

ajax によって送信されたデータを変換します

私の問題を再び解決してくれて、xuzuning に感謝します。