Question

我有一个index.php页面，其中包含一个用户可以按名称搜索的搜索框，backendsearch.php将数据馈送到该搜索框。

一切正常，除了搜索结果中的点击事件。

我要创建的是在用户单击名称后，该用户将被转到包含该名称和与搜索结果相对应的其他信息的update.php页面。

这是我到目前为止所拥有的：

这是backendsearch.php

<?php
$link = mysqli_connect("localhost", "root", "", "ajax_crud");

if($link === false){
die("ERROR: Could not connect. " . mysqli_connect_error());
}
if(isset($_REQUEST['term'])){
$sql = "SELECT * FROM employees WHERE name LIKE ?";
if($stmt = mysqli_prepare($link, $sql)){
    mysqli_stmt_bind_param($stmt, "s", $param_term);
    $param_term = $_REQUEST['term'] . '%';
    if(mysqli_stmt_execute($stmt)){
        $result = mysqli_stmt_get_result($stmt);
        if(mysqli_num_rows($result) > 0){
            while($row = mysqli_fetch_array($result, MYSQLI_ASSOC)){
echo "<p>" . $row["name"] . "</p>";
    }
}
else{
            echo "<p>No matches found</p>";
        }
    } else{
        echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
    }
}

mysqli_stmt_close($stmt);
}

mysqli_close($link);

?>

这是我的index.php代码，其中包含上述搜索框：（仅包括相关行）

<script type="text/javascript">
$(document).ready(function(){
$('.search-box input[type="text"]').on("keyup input", function(){

    var inputVal = $(this).val();
    var resultDropdown = $(this).siblings(".result");
    if(inputVal.length){
        $.get("backend-search.php", {term: inputVal}).done(function(data){

          resultDropdown.html(data);
        });
    } else{
        resultDropdown.empty();
    }
});
$(document).on("click", ".result p", function(){
$(this).parents(".search-box").find('input[type="text"]').val($(this).text());
$(this).parent(".result").empty();
var link = "update.php?name=$name";
 console.log(link);
window.location = link;
    });
});
</script>

和搜索框：

<div class="search-box">
<input type="text" autocomplete="off" placeholder="Search" />

<div class="result">
</div>
</div>

我只是找不到正确的方法来编写脚本，该脚本会将用户转移到与名称结果相对应的update.php页面。

在此先感谢能为您提供帮助的人。

PHP mySQL jQueryJavascript页面重定向失败

0 个答案: