1. 程式人生 > >jquery $.post() 向php傳值 實現簡單的二級聯動

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

chang var box jquer lec 簡單 cnblogs encode can

 1 其中selectid是一個下拉菜單的id
 2 
 3 $().ready(function () {
 4     $("#selectid").change(function () {
 5         $("#selectid").empty();
 6         var ov = $("#selectid").val();
 7         $.post(
 8             "ajax_func.php",//需要純php代碼,不要有html混雜
 9             {role: ov},
10             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 });

以上是jquery的代碼

<?php
/**
 * desc 處理ajax post
 */
if(isset($_POST[‘role‘])){
    $gamesIps = array(‘111‘,‘222‘,‘333‘);
    echo(json_encode($gamesIps));
}

以上是服務器端php代碼。

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