質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

2回答

2832閲覧

jquery オートコンプリート 候補リストが表示されない

test1234

総合スコア8

jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2021/04/20 04:57

編集2021/04/20 05:21

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?>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

test1234

2021/04/20 06:16

そうですね。
test1234

2021/04/20 07:29

調査したところ、phpのバージョンが古く、json_encodeが対応していませんでした。 バージョンが古くてもjson_encodeが適用されるよう対応しましたが、状況変わりません。
guest

回答2

0

自己解決

下記参考にさせて頂き、解決しました。
https://ninnin.in/system/php/php-low-varsion-not-json_encode-function/

投稿2021/04/21 08:17

test1234

総合スコア8

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

何のブラウザですか
ChromeとEdgeテストした
候補リストが表示されました

整理後コード:https://easysavecode.com/z9KDDtdJ

投稿2021/04/20 07:58

編集2021/04/20 10:23
ITCoder

総合スコア8

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ITCoder

2021/04/20 08:10

テストした コード問題ありません
test1234

2021/04/20 08:31

変わらずでした。phpのバージョンが古すぎることが原因かもしれません。まだjson_encodeが対応していない可能性がありますので、調べてみます。
test1234

2021/04/21 05:18

json_encode が適用されていることは確認できましたが、候補リストの表示がまだできません。 テストコードもコピペして試し見ましたが、同じでした。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問