1
Google検索バーのようにjqueryとajaxでオートコンプリートのテキストフィールドを構築しています。 ajaxコールはキーアップで起動されるはずですが、動作していません。変数を手動でPHPファイルに入力すると、正しく動作していることに注意してください。だから問題は私のアヤックスの "呼び出し"から来なければならないが、私はそれを理解することはできない。誰かが助けることを願っています。あなたの返信を先にありがとう。乾杯。マークJquery自動完成テキストボックスajax呼び出しの問題
マイHTML:
<input id="recherche" type='text' placeholder="je recherche">
<div id="resultat"></div>
マイJS:
$('#recherche').keyup(function() {
var recherche = $(this).val();
var ajaxData = "recherche=" + recherche;
$.ajax({
type: "POST",
url: "php/reherche.php",
data: ajaxData,
success: function(retour) { // si l'appel a bien fonctionné
$('#resultat').html(retour);
}
});
});
マイCSS:
#resultat{
width:300px;
height:300px;
border:1px solid blue;}
マイPHP:
<?php
header('Content-Type: text/html; charset=utf-8');
require("connect.inc.php");
mysql_set_charset('utf8');
$recherche = mysql_real_escape_string($_POST['recherche']);
$result = mysql_query("SELECT LOC_VKUP FROM T_LOC WHERE LOC_VKUP LIKE '%$recherche%'");
while($row=mysql_fetch_assoc($result)){
echo '<div id="result">'.$row['LOC_VKUP'].'</div>';
}
?>
コンソールでデバッグを試しましたか?あなたのPHPスクリプトは何を返すのですか? – j08691
私は開発の初心者です。どうすればコンソールでデバッグできますか?私はtextWranglerを使用しています。私のPHPファイルでvar $ rechercheを手動で入力すると、クエリが適切に実行されます。 – Marc
Google Chromeには、F12キーを押してアクセスできる内蔵デバッガがあります。 FirefoxはFirebugアドオンを必要とし、F12で開くこともできます。これらのデバッグツールを使用する場合は、このコメントボックスの対象外ですので、実際のサンプルやPHPスクリプトの出力を投稿することをお勧めします。 – j08691