将来自ajax调用的PHP链接数据发送到不同的页面onclick

时间:2016-09-07 14:55:16

标签: javascript php jquery mysql ajax

我忙着学习ajax。我有一个预订页面和一个结账页面。

我想做什么

用户将租用者名称键入搜索框,匹配的名称将从db中获取并动态显示。

像这样:

reservations.php

enter image description here

当用户点击突出显示的链接时,我希望将预订ID传递到结帐页面。那么, 我正在寻找一种方法将预订ID传递到另一个/不同的页面,我可以在结帐页面上进行数据处理。

checkout.php

enter image description here

CODE

SEARCH / JQUERY

$inputArray = [
    "first_name" => "test",
    "last_name" => "testsurename"
];

$outputArray = array_reduce(array_keys($inputArray), function($carry, $key) use ($inputArray) {
   $carry[][$key] = $array[$key];
   return $carry;
}, []);

/**
result will be for $outputArray 
[
    ["first_name" => "test"],
    ["last_name" => "testsurename"]
];
**/

FETCH.PHP

$(document).ready(function () {
        $("#searchbox").on('keyup',function () {
            var key = $(this).val();

            $.ajax({
                url:'fetch.php',
                type:'GET',
                data:'keyword='+key,
                beforeSend:function () {
                    $("#results").slideUp('fast');
                },
                success:function (data) {
                    $("#results").html(data);
                    $("#results").slideDown('fast');
                }
            });
        });
    });
</script>
<div id="main">
    <div id="header"><h1>Find Names</h1></div>
    <div id="content">
        <input type="search" name="keyword" placeholder="Search Names" id="searchbox">
        <div id="results"></div>
    </div>
</div>

DB

enter image description here

在实施方面的任何帮助或建议非常感谢!

1 个答案:

答案 0 :(得分:5)

只需使用链接和查询即可。 首先回显一个链接而不是div:

echo "<a href='yourpage.php?id=$name'>$name</a>";

在您的网页上只需:

<?php
echo $_GET[" id"];
?>