如何在查询其他页面时在同一页面上显示数据?

时间:2015-12-14 06:56:29

标签: javascript php jquery html

我有一个名为'display.php'的文件,其中包含以下代码:

    <a href="./codetemplate.php?id=Name>Click here</a>

然后在我的代码文件中,它将获取数据并显示它,但是......

如何在'display.php'页面中显示'codetemplate.php'上显示的数据?

换句话说,从某个页面获取数据并将其显示在另一个页面上。

理想情况下,当您将鼠标悬停在a上时,我不希望 <a href="#" onclick="toggleAppearance(\''.$row['Name'] .'\');">'.$row['Name'] .'</a> 有任何参数。我希望它有一个像这样的变量:

Bob
george
Sara
John

它将包含在while循环中,但随后硬件部分将根据链接的值显示数据。

例如:

+-----------+----------+------------+
| FirstName | LastName | Qty        |
+-----------+----------+------------+
| Tia       | Carrera  | 10         |
| Nikki     | Taylor   | 20         |
| Yamila    | Diaz     | 30         |
+-----------+----------+------------+

数据库中找到并显示为锚链接的4个名称。

如果单击Bob,将显示一个div,显示数据库中与Bob相关的所有数据。单击Sara,它将显示Sara的所有数据等。

我不确定尝试的最佳方法是什么。使用onclick with row或使用文件名,它将查询另一个文件中的数据。

1 个答案:

答案 0 :(得分:0)

我会亲自查询display.php文件中的所有数据。如果人们将鼠标悬停在名字上,他们也可以将鼠标悬停在所有名字上。所以我想在同一页面上查询都是有益的。

但要回答你的问题:你可以使用ajax请求获取所有数据并将其显示在display.php上,如下所示:

示例:

<input type="text" id="text1"> +
<input type="text" id="text2">
<button id="button"> = </button>
<div id="result"></div>

和javascript(使用jquery)

$('#button').click(function() {
    var val1 = $('#text1').val();
   var val2 = $('#text2').val();
   $.ajax({
      type: 'POST',
      url: 'websiteToFetchDataFrom.php',
      data: { text1: val1, text2: val2 },
      success: function(response) {
         $('#result').html(response);
      }
   });
});