在jquery和php中顯示來自dropmenu的數據庫的結果

我有一個下拉菜單，當我點擊鏈接時，我想進入頁面view_products.php，它應該顯示我在cat = B1中找到的所有產品。我想用jquery從數據庫中加載結果到我的#content中，但我完全卡住了。我試圖通過查看教程來編寫jquery腳本，但我真的不知道如何將cat變量傳遞給我的get_content頁面。 PHP和MySQL是沒有問題的，只是jQuery。非常感謝/琳達在jquery和php中顯示來自dropmenu的數據庫的結果

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

來源

2012-08-09 user626342

爲你寫你的語法，郵政變量不能使用Ajax加載請求已知的，可以使用$。員額Ajax請求，而不是它。 http://api.jquery.com/jQuery.post/

來源

2012-08-09 10:04:35

非常感謝，這正是我一直在尋找 – user626342 2012-08-09 10:31:22

爲什麼你需要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>

來源

2012-08-09 10:08:55 asprin

在jquery和php中顯示來自dropmenu的數據庫的結果

回答

相關問題