Question

我正在开展一个搜索项目，其结果应该基于用户的兴趣。

我有一个数据库专栏“favmusic”＆amp; “favsport”。

我在PHP中将它们声明为变量。

现在在下面的简单搜索代码中（使用HTML和Javascript），

我只想知道是否可以添加该数据库变量以基于从数据库变量中获取值来执行搜索

这是我的代码：

     <input type="text" name="search" id="search" style="width:400px;"/>
     <input type="button" name="searchBtn" id="searchBtn" value="Search"  onclick="searchLink()"/>

     <script language="javascript" type="text/javascript">
     function searchLink()
     {
     var link1 = document.getElementById("search").value;            
     window.location.href = 'https://www.google.co.in/#q='+$favsport '+$favmusic;
     }
     </script>

如果您看到JavaScript代码，您可以理解除了数据库变量之外，我还添加了用于执行搜索的列。

我该如何解决这个问题？

Answer 1

这是所有代码假设你有php数组

<?php $fieldArray=array('fruits','gold','pen');?>

<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script>
$(function() {
var availableTags = <?php echo jsonencode($fieldArray)?>

$( "#search" ).autocomplete({
source: availableTags
});
});
</script>
</head>

这是输入类型

<input type="text" name="search" id="search" style="width:400px;"/>

Answer 2

您可以使用jquery auto complete Jquery Autocomplete

把这段代码

$( "#search" ).autocomplete({ source: availableTags });

只需获取字段并创建一个像$favsport_favmusic=array()这样的php数组。

然后创建javascript数组，如上例所示（打开链接并单击视图源）

 ` var availableTags=<?php echo jsonencode($favsport_favmusic);?>;`  .

希望这对你有用。

Answer 3

据我了解，您希望从数据库中获取值并将其添加到搜索查询中，是否正确？

你可以最明确地做到这一点 - 尝试查找PHP数据库连接（https://www.google.dk/search?q=php+database+connection&oq=PHP+Database）

如果您需要任何进一步的帮助，请告诉我们： - ）

更新：要将变量输出到JS中的浏览器，您可以执行类似

的操作

所以最终的JS块看起来像：

     <script language="javascript" type="text/javascript">
     function searchLink()
     {
     var link1 = document.getElementById("search").value;            
     window.location.href = 'https://www.google.co.in/#q= <?php echo $favsport."+".$favmusic ?>';
     }
     </script>

Answer 4

当涉及到PHP时，JavaScript就像HTML一样，所以你必须在JavaScript代码中回显你的PHP结果。

window.location.href = "https://www.google.co.in/#q=<?php echo urlencode($favmusic.' '.$favsport); ?>"

Answer 5

@paicubes ...我编辑了这段代码..请你告诉我它是否正确

 <?php
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>SearchProject | Home Page<?php echo $websiteName; ?> </title>
  <?php require_once("db-con.php"); ?>
  </head>
  <body>
  <input type="text" name="search" id="search" style="width:400px;"/>
 <input type="button" name="searchBtn" id="searchBtn" value="Search"  onclick="searchLink()"/>
 $( "#search" ).autocomplete({ source: availableTags });
 $favsport_favmusic=array()
 <script language="javascript" type="text/javascript">
 function searchLink()
 {
 var link1 = document.getElementById("search").value;            
 var availableTags=<?php echo jsonencode($favsport_favmusic);?>; 
 }
 </script>
 </body>
 ?>

将数据库变量添加到搜索功能（JavaScript）

5 个答案: