jquery $.post() 向php傳值 實現簡單的二級聯動

 所謂的二級聯動就是你點選一個按鈕或者選擇一個內容時，頁面顯示變化。以下代碼只是一個非常簡單的實現方式，僅僅作為參考。

 jquery代碼：

 1 其中selectid是一個下拉菜單的id  2 
$().ready(function () {  4     $("#selectid").change(function () {  5         $("#selectid").empty();  6         var ov = $("#selectid").val();  7         $.post(  8             "ajax_func.php",//需要純php代碼，不要有html混雜
            {role: ov},
            function (data) { 11                 var datas = JSON.parse(data);
　　　　　　　　　　// 若jquery each報 Uncaught TypeError: Cannot use 'in' operator to search for錯誤，則需要JSON.parse(data)函數處理下傳過來的數據
 12                 var shtml =""; 13                 $.each(datas, function (k,v) { 14                     shtml += "<label>" +v + "&nbsp;<input type='checkbox' name='vs[]' value='" + v + "'></label>"; 15  }); 16                 $("#selectid").append(shtml); 17  } 18  ); 19  }); 20 });

 

服務器端php代碼：
<?php /** * desc 處理ajax post */
if(isset($_POST['role'])){ $gamesIps = array('111','222','333'); echo(json_encode($gamesIps)); }