jquery オートコンプリートをしたいのですが、候補リストが表示されません。
ajaxでphpを呼び出していますが、読まれていないのか、他に原因があるのかわかりません。
phpの階層は他のプログラムと同じ階層にあります。アドバイスお願い致します。
HTML
1<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script> 2<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js'></script> 3<link rel='stylesheet' href='https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css'> 4 5<p><input type='text' id='test'></p>
javascript
1<script> 2$(document).ready( function() { 3 $('#test').autocomplete({ 4 source: function(req, resp){ 5 $.ajax({ 6 url: 'test.php', 7 type: 'POST', 8 cache: false, 9 dataType: 'json', 10 data: { 11 param1: req.term 12 }, 13 success: function(hogehoge){ 14 resp(hogehoge); 15 }, 16 error: function(xhr, ts, err){ 17 resp(['']); 18 } 19 }); 20 } 21 }); 22});</script>
php
1<?php 2$a = array( 3 'tokyo', 4 'saitama', 5 'hokkaido', 6 'fukuoka', 7 'ishikawa', 8 'aomori', 9 'hyogo', 10 'Yokohama' 11); 12 13$b = array(); 14 15if($_POST['param1']){ 16 $w = $_POST['param1']; 17 foreach($a as $i){ 18 if(stripos($i, $w) !== FALSE){ 19 $b[] = $i; 20 } 21 } 22 echo json_encode($b); 23} 24else{ 25 echo json_encode($b); 26} 27?>
回答2件
あなたの回答
tips
プレビュー