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

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

新規登録して質問してみよう
ただいま回答率
85.50%
PHP

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

JavaScript

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

jQuery

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

3回答

6200閲覧

DBの値を取得した後、jQueryのautocompleteを使いサジェスト機能を作りたい。

hiro0208

総合スコア75

PHP

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

JavaScript

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

jQuery

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2017/07/14 03:14

編集2017/07/14 04:21

イメージ説明

以下の手順で、進めているのですが、図のように表示されません。

DBから値を取得し、Jqueryのautocompleteを利用してサジェスト機能を作りたいのですが、うまくいきません。
autocompleteのパラメーターsource:は配列ということで、配列データを作るようにしています。
javascriptに直接記述する、リテラルの配列データでは、作れたのですが、
DBから取得した配列データを、javascriptの配列に変換して使用すると機能しません。
どのようにすればよいか、ご教授いただけないでしょうか?
よろしくお願いします。

php

1//phpの配列データ 2$arrayName

//$arrayNameの中身
Array
(
[1] => 中村
[2] => 佐藤
[3] => 田中
)

PHPの配列をjavascriptの配列にするために、
オブジェクトに変換してから、配列へ変換しています。

php

1//オブジェクトに変換 2$jsonArrayName = json_encode($arrayName); 3 4//配列に変換 5<script type="text/javascript"> 6var arrayName = JSON.parse('<?php echo $jsonArrayName; ?>'); 7</script>

javascript

1//オートコンプリート機能 2$(function() { 3 //リテラルの配列は機能する 4 //var arrayName = ['中村', '佐藤', '田中']; 5 $('#keyword').autocomplete({ 6 source: arrayName 7 }) 8}); 9

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

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

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

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

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

guest

回答3

0

たぶん、単に読み込む順番ではないかなと思います。
JavaScriptは外部ファイルですか?ならば、

html

1<script> 2var arrayName = JSON.parse('<?php echo $jsonArrayName; ?>'); 3</script>

の後に

html

1<script src="***.js"></script>

で読み込めば動くと思います。

投稿2017/07/14 06:02

naga3

総合スコア1293

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

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

0

JSON変換はデリケートですので、arrayNameに本当に配列データが入っているのかをまず確認してください。

html

1<script> 2var arrayName = JSON.parse('<?php echo $jsonArrayName; ?>'); 3console.log(arrayName); 4</script>

これで確認できるはずです。
あと、文字列からわざわざ戻さずとも、

html

1<script> 2var arrayName = <?php echo $jsonArrayName; ?>; 3console.log(arrayName); 4</script>

これでうまく行くような気もします。

投稿2017/07/14 06:36

zohnam

総合スコア1441

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

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

0

自己解決

参考URL
http://d.hatena.ne.jp/IT7C/20151225/1450970575

こちらで変換して
作れました。

var arr = Object.keys(arrayName).map(function (key) {return arrayName[key]});

投稿2017/07/14 06:18

編集2017/07/14 06:19
hiro0208

総合スコア75

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問