在jquery和php中从dropmenu显示数据库结果

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

nav.php

display_product.js

---

在编写语法时，无法通过ajax加载请求知道Post变量，可以使用$.Post ajax请求来代替它

为什么需要jQuery/Ajax来实现这一点？您可以使用以下方法简单地捕获类别值：

$cat = $_GET['cat'];

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

<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>

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

$(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;
   });
});

$cat = $_GET['cat'];

<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>