【问题标题】:Autocomplete source and script inside one file在一个文件中自动完成源代码和脚本
【发布时间】:2018-07-05 00:25:15
【问题描述】:

当我使用自动完成脚本将 PHP 代码合并到 HTML 文件中时,请告知如何从生成到 array[] 的 PHP 查询中获取数据。
目前有 2 个正常工作的文件可以生成良好的下拉列表:
street.php 生成数据数组:

<?php
require_once ("pg_conn.php");

$qstreet = "SELECT
			cmac.street.id,	
			cmac.street.street,
			cmac.street.postcode,
			cmac.street.id_dimos,
			cmac.street.id_street
			FROM
			cmac.street";		

$ress = pg_query ($qstreet);
		while ( $row = pg_fetch_array ( $ress ) ) {
		$array[]=$row[1];	 		
		}
	
   if (!empty($_GET['term']))       
    {
        $term = $_GET['term'];
		$pattern = '/^'.preg_quote($term).'/iu';
		echo json_encode(preg_grep($pattern, $array));
    }
?>

和带有自动完成脚本的 HTML 文件:

<html>

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="../../css/style.css" />
  <title></title>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/jquery-ui.min.js"></script>
  <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/themes/sunny/jquery-ui.css">

  <script>
    $(function() {
      $('#street').autocomplete({
        source: 'street.php'
      });
    });
  </script>
</head>

<body>
  <table>
    <tbody>
      <form method="post">

        <tr>
          <td><label for="street">Street:</label></td>
          <td><input type="text" placeholder="Street name" required="required" id="street" name="street" onchange="sendForm(this.form)"></td>
        </tr>
        -----------------------
      </form>
    </tbody>
  </table>
</body>

</html>

当我将 PHP 代码合并到 HTML 文件中时,我想通过一些简单的解决方案从 $array[] 获取数据作为源:

$(function() {
  $('#street').autocomplete({
    source: ($pattern, $array) 
  });
});

【问题讨论】:

    标签: javascript php jquery ajax autocomplete


    【解决方案1】:

    由 php.ru 的 @romach 解决...也许有人需要这个解决方案

    $(function() {
      $('#street').autocomplete({
        source: <?= json_encode($array) ?>
      });
    });

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-07-22
      • 1970-01-01
      相关资源
      最近更新 更多