MySQLのデータを配列に格納し、jQueryUIのオートコンプリートで表示したい

Question

前提・実現したいこと

お世話になります。
MySQLからデータを取得し、その内の1列を取り出して配列に格納後、
JQuery UIのautocompleteメソッドを使用したオートコンプリート機能で表示させたいと考えております。

今回の場合は、name_jaの全項目をテキスト入力欄の候補として表示したいです。
しかし、一通りコードを組んでみても、候補が1つも表示されません。

該当のソースコード

以下PHPはautocomplete-datasource.php内の記述となります。

<?php
$mysqli = new mysqli($sql_hostname, $sql_username, $sql_password, $sql_userdb_name);
if( $mysqli->connect_errno ) {
    echo $mysqli->connect_errno . ' : ' . $mysqli->connect_error;
}
$query = "SELECT `name_ja` FROM `class`";
$mysqli->set_charset('utf8');
$result = $mysqli->query($query);
while($ls = $result->fetch_array(MYSQLI_ASSOC)) {
    $list[] = $ls;
}
$mysqli->close();

$b = array();

if(isset($_POST['param1'])){
    $w = $_POST['param1'];
    foreach($list as $i){
        if(stripos($i, $w) !== FALSE){
            $b[] = $i;
        }
    }
    echo json_encode($b);
}
else{
    echo json_encode($b);
}

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script type="text/javascript">
        $(document).ready( function() {
            $("#ac2").autocomplete({
                source: function(req, resp){
                    $.ajax({
                        url: "./autocomplete-datasource.php",
                        type: "POST",
                        cache: false,
                        dataType: "json",
                        data: {
                            param1: req.term
                        },
                        success: function(o){
                            resp(o);
                        },
                        error: function(xhr, ts, err){
                            resp(['']);
                        }
                    });

                }
            });
        });
    </script>

(中略)

<input type="text" id="ac2" name="class" class="form-control">

試したこと

var_dump($list);を実行してみたところ、以下のように表示されました。

array(3) { [0]=> array(1) { ["name_ja"]=> string(11) "授業名01" } [1]=> array(1) { ["name_ja"]=> string(11) "授業名02" } [2]=> array(1) { ["name_ja"]=> string(11) "授業名03" } } 

$listをMySQLから取得したものではなく、array("01","02","03");などに変更すると、オートコンプリートが正常に動作するため、配列の問題であることまではわかりました。しかし、どこが問題なのかがわかりません…。
上記の01,02,03の場合のvar_dump($list);の出力結果は以下になります。

[]array(3) { [0]=> string(2) "01" [1]=> string(2) "02" [2]=> string(2) "03" } 

補足情報（FW/ツールのバージョンなど）

PHP Version 7.2.7

初歩的な質問で恐縮ですが、何卒よろしくお願いいたします。

Answer 1

似たようなことを考えてほぼほぼ似たような作りで作ったことがあるのですが、
以下の形で取れないですかね？

～前略
success: function(o){
  resp(o);
},
～後略

↓

～前略
success: function(o){
  resp(o.success);
},
～後略

何れにせよoの中身を見てみると良いかもです。

######追記
参考までに当方の方で動作が確認できているソースを記載しておきます。(MySQL、FuelPHP)

見当違いの回答だったっぽいので不要なコードは消し消し。
恐らく以下が問題になっているのではないかと。

if(isset($_POST['param1'])){
    $w = $_POST['param1'];
    foreach($list as $i){
        if(stripos($i, $w) !== FALSE){ //←ここ
            $b[] = $i;
        }
    }
    echo json_encode($b);
}
else{
    echo json_encode($b);
}

$listから取り出した要素$iはarrayなので、
ここで$w(=$_POST['param1'])との比較に失敗してしまっていると考えられます。

コメントにも書きましたが以下のように変更すれば解消できるのではないでしょうか。

if(isset($_POST['param1'])){
    $w = $_POST['param1'];
    foreach($list as $i){
        if(stripos($i['name_ja'], $w) !== FALSE){ //←ここ
            $b[] = $i['name_ja'];
        }
    }
    echo json_encode($b);
}
else{
    echo json_encode($b);
}

Comments

[reFX_Nexus]

ありがとうございます。
頂いたアドバイス通りに実行してみましたが、やはりダメでした…。
オートコンプリートリスト自体が表示されなくなってしまい、resp(o);に戻した次第でございます。

[madoka9393]

そうだったのですね…。
因みにですが「o」の中身は確認できている(=successには来ている)のですよね？

[reFX_Nexus]

そうですね。success自体には来ております。
バックグラウンドを見てみましたが、autocomplete-datasource.phpとのデータのやり取りも問題なくできているようです。

[madoka9393]

レコードを取得する部分については恐らく問題なく、といったところですかね…。
「console.log(o)」等で「o」の中身は確認されていますか？

[reFX_Nexus]

console.log(o)を実行したところ、
MySQLで取り出した配列で自動補完をしようとする場合にのみ、「Uncaught ReferenceError: o is not defined」が表示されました。

$list = array(
"授業名01",
"授業名02",
"授業名03"
);

のように、PHPファイル内にarray()を使用し配列を格納するとエラーは発生しないのですが…。
not definedなので、やはり配列の形式に関するエラーなのでしょうか…。

[madoka9393]

「o is not defined」ということはレコードの取得部分を返す部分で何か悪さをしているかもしれませんね…。
該当部分以下のように変更して成功が出るようなら「autocomplete-datasource.php」自体は上手く言ってると思われます。
success: function (o){
if(!o.error){
console.log("成功");
resp(o);
}
}

[reFX_Nexus]

ありがとうございます。参照元をMySQLのデータにした上で試したところ、「成功」は表示されませんでした…。
先ほどと同じように参照元をarray()配列で試すと、表示されました。

[madoka9393]

今更ながら「var_dump($list)」取れている≒レコードの取得はできているようですので、
「$list」を「$b」に詰め替えるところで問題が発生していると考えられますね。
以下の部分が怪しいです。
if(stripos($i, $w) !== FALSE){
　$b[] = $i;
}
「$i」が「$i['name_ja']」とかだったりしないですかね…？
「$i」と「$w」をそれぞれ出力させて一致しているかどうか目視で確認してみるというのはどうでしょう。