通過POST發送jQuery變量

Question

我有點新jQuery的AJAX功能。我有一個問題，這是我的功能，它在一個文件head_menu.php上，這是包含在index.php文件。

HTML：

<a class="dock-item" href="index.php" class="post" id="menu01"><img src="images/home.png" alt="home" /><span>Home</span></a>` 
<a class="dock-item" href="index.php" class="post" id="menu02"><img src="images/home.png" alt="home" /><span>Create Users</span></a> ` 

JQUERY：

$(document).ready(function() { 
    $("#menu01").click(function(event){ 
     $.post( 
     "index.php", 
     { menu: "main.php" }, 
     this.html(data); 
     } 

    ); 
    $("#menu02").click(function(event){ 
     $.post( 
     "index.php", 
     { menu: "create_users.php" }, 
     this.html(data); 
     } 

    ); 
    }); 

我只是想發個帖子變量菜單，到index.php頁面來改變工具欄菜單，當我們點擊主頁或創建用戶時。 在index.php我有這個。

$menu = $_REQUEST['menu']; 

我該怎麼做。

Answer 1

數據索引持有數據發送到服務器。你可以這樣做：

<a class="dock-item" href="create_users.php" class="post"><img src="images/home.png" alt="home" /><span>Home</span></a> 

<a class="dock-item" href="main.php" class="post"><img src="images/home.png" alt="home" /><span>Create Users</span></a> 

$("a.post").click(function(event){ 
     $.ajax( 
     url: "index.php", 
     data: { menu: $(this).attr("href") }, 
     success: function(data) { 
      $('selector').html(data); 
     } 
    ); 
    event.preventDefault(); 
    return false; /* Dont do what you have to do , dont go to href */ 
    }); 

或者將href改回index.php並把變量放在你想要的任何屬性中。也許

id="create_users" 
id="main" 

和

data: { menu: $(this).attr("id") + ".php" }, 

Answer 2

<a class="dock-item" href="index.php" class="post" id="menu01"><img src="images/home.png" alt="home" /><span>Home</span></a> 

<a class="dock-item" href="index.php" class="post" id="menu02"><img src="images/home.png" alt="home" /><span>Create Users</span></a> 

<script> 
$.customPOST = function(data,callback){ 
    $.post('index.php',data,callback,'json'); 
} 

$(document).ready(function() { 
    $("#menu01").click(function(){ 
     $.customPOST({menu: "main.php",function(response){ 
     //server will return an OBJECT called "response" 
     //in "index.php" you will need to use json_encode(); 
     //in order to return a response to the client 
     //json_encode(); must have an array as argument 
     //the array must be in the form : 'key' => 'value' 
     //on the server side you will have $_POST['menu'} 
     }); 
     return false; 
    }); 

    $("#menu02").click(function(){ 
     $.customPOST({menu: "create_users.php",function(response){ 
     //server will return an OBJECT called "response" 
     //in "index.php" you will need to use json_encode(); 
     //in order to return a response to the client 
     //json_encode(); must have an array as argument 
     //the array must be in the form : 'key' => 'value' 
     //on the server side you will have $_POST['menu'} 
     }); 
     return false; 
    }); 

}); 
</script>