Question

我有一个下拉菜单，当我点击链接时，我想转到页面view_products.php，它应该显示我在cat = B1中找到的所有产品。我想使用jquery将数据库中的结果加载到我的#content中，但我完全被卡住了。我试着从查看教程编写一个jquery脚本，但我真的不知道如何将cat变量传递给我的get_content页面。 php和mysql没问题，只是jquery。非常感谢/琳达

nav.php

<div>
<ul id="nav">
<li><a href="view_products.php?cat=B1">Item 1</li>
<li><a href="view_products.php?cat=C1">Item 2</li>
</ul>
</div>

view_products.php

include('include/header.php');
include('include/nav.php');

<div id="content"></div>

include('include/footer.php');

get_content.php

$cat=$_POST['cat'];
echo $cat;

display_product.js

$(document).ready(function() {
 // initial
  $('#content').load('get_content.php');

  $('ul#nav li a').click(function() {
  var page = $(this).attr('href');
      $('#content').load('get_content.php', {cat:x});
      return false;
   });
});

Answer 1

在编写语法时，使用ajax加载请求无法知道Post变量，您可以使用$ .post ajax请求而不是它。 http://api.jquery.com/jQuery.post/

Answer 2

为什么需要jQuery / Ajax来做到这一点？您可以使用以下方法捕获类别值：

$cat = $_GET['cat'];

然后在content容器中，您可以运行查询以从数据库中提取记录

<div id="content">
  <?php
  if(isset($_GET['cat']))
  {
     $cat = $_GET['cat'];  // will store 'B1', 'C1' etc

     // connect to DB
     // pull data from DB using $cat
     // display the data
  }
  ?>
</div>

从jquery和php中的drop菜单显示数据库中的结果

2 个答案: