jquery $.post() 向php传值 实现简单的二级联动

 所谓的二级联动就是你点选一个按钮或者选择一个内容时，页面显示变化。以下代码只是一个非常简单的实现方式，仅仅作为参考。

 jquery代码：

 1 其中selectid是一个下拉菜单的id

$().ready(function () {
    $("#selectid").change(function () {
        $("#selectid").empty();
        var ov = $("#selectid").val();
        $.post(
            "ajax_func.php",//需要纯php代码，不要有html混杂
            {role: ov},
            function (data) {
                var datas = JSON.parse(data);
　　　　　　　　　　// 若jquery each报 Uncaught TypeError: Cannot use 'in' operator to search for错误，则需要JSON.parse(data)函数处理下传过来的数据

                var shtml ="";
                $.each(datas, function (k,v) {
                    shtml += "<label>" +v + "&nbsp;<input type='checkbox' name='vs[]' value='" + v + "'></label>";   
                });
                $("#selectid").append(shtml);
            }
        );
    });
});

 

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