JQUERY 自动完成不显示从 php 脚本返回的结果

Question

我正在尝试使用自动完成功能获取一些学校名称。但名称列表没有出现。 当我输入例如“ uni ”时，它正在向 sclist.php 文件发出请求，例如这个sclist.php?term=uni并在网络控制台中返回此响应：

uni
 [
     "University of Cambridge",
     "University of Michigan",
     "University of Oxford",
     "University of Virginia" 
]

我似乎无法找到为什么名称列表没有出现。 这是我的第一个自动完成实现。 任何帮助深表感谢。

autocom.php文件：

<html lang = "en">
   <head>
      <meta charset = "utf-8">
      <title>jQuery UI Autocomplete functionality</title>
       <script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
       <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

      <!-- Javascript -->
      <script>
         $(function() {
            $( "#automplete" ).autocomplete({
               source: 'sclist.php',
               autoFocus:true
               });
         });
      </script>
   </head>

   <body>
      <!-- HTML -->
       <p>Type something</p>
         <input id = "automplete">
  </body>
</html>

sclist.php文件：

<?php
require_once('connectToDB.php');
if (isset($_GET['term'])) 
    echo $_GET['term']."\n";
else 
  echo "not set";

require_once 'connectToDB.php';
$stmt=$portbleDocObj->prepare('SELECT name FROM Institution WHERE name LIKE :prefix ');
$stmt->execute(array( ':prefix'=>$_GET['term']."%") );

$returedData=array();
while ( $row = $stmt->fetch(PDO::FETCH_ASSOC) ) {
    $returedData[] = $row['name'];
}
print_r($row);
echo(json_encode($returedData, JSON_PRETTY_PRINT));
?>

Answer 1

基本上，我刚刚对您的原始代码进行了一些整理。 请记住，当您返回到 AJAX 调用时，您回显或打印的所有内容都将 go 返回到 AJAX 代码进行处理。 所以只返回应该返回的东西。 此外，当机器与机器交谈时，不需要 PRETTY_PRINT

<?php

if ( ! isset($_GET['term'])) {
    echo "not set";
} else {
    require_once('connectToDB.php');
    $stmt = $portbleDocObj->prepare('SELECT name 
                                    FROM Institution 
                                    WHERE name LIKE :prefix');

    $stmt->execute( [':prefix' => $_GET['term']."%"] );
    $ret = [];
    while ( $row = $stmt->fetch(PDO::FETCH_ASSOC) ) {
        $ret[] = $row['name'];
    }   
    echo json_encode($returedData);
}

JQUERY 自动完成不显示从 php 脚本返回的结果

问题描述

1 个解决方案

解决方案1
0 2021-02-23 18:06:52

JQUERY 自动完成不显示从 php 脚本返回的结果

问题描述

1 个解决方案

解决方案1 0 2021-02-23 18:06:52

解决方案1
0 2021-02-23 18:06:52