1. 程式人生 > >html 前臺接受後臺資料並且顯示 資料操作

html 前臺接受後臺資料並且顯示 資料操作

1.列表php迴圈資料,$vo陣列轉成jason傳遞給js方法

<a href="javascript:;" onclick='editDPM(<?=json_encode($vo);?>)'><i class="iconfont wlt-bianji"></i>編輯</a>

2.接受data json字串賦值

 // 新建/編輯部門

    function editDPM(data){
        $('.Validform_wrong,.Validform_right').html('');
        if(data){
            $('input[name=cateid]').val(data.cateid);
            $('input[name=catename]').val(data.catename);
            $('input[name=sort]').val(data.sort);
            $(":radio[name='display'][value='"+data.display+"']").prop("checked",'checked');
            $(":radio[name='status'][value='"+data.status+"']").prop("checked",'checked');
        }else{
            $('input[name=cateid]').val('');
            $('input[name=catename]').val('');
            $('input[name=sort]').val('');
            $(":radio[name='display'][value='"+2+"']").prop("checked",'checked');
            $(":radio[name='status'][value='"+1+"']").prop("checked",'checked');


        }
        layer.open({
            type: 1,
            title: "新建/編輯分類",
            area: ['500px', '480px'],
            shadeClose: true, //點選遮罩關閉
            content: $("#addDPM-content")
        });
    }

1.列表按鈕傳遞php資料引數 

 <em onclick="edit_auth({$vo.auth_id})">編輯</em>

2.js 獲取引數 ajax獲取資料 顯示到 layer

  // 編輯許可權

  function edit_auth(id){

        $.post('__www__system/index/get_auth_info',{auth_id:id},function(str){
            var obj = JSON.parse(str); ; //由JSON字串轉換為JSON物件
            $("#auth_parent").html(obj.auth_parent);
            $("#auth_id").val(obj.data.auth_id);
            $("#edit_auth input[name=auth_name]").val(obj.data.auth_name);
            $("#edit_auth input[name=auth_m]").val(obj.data.auth_m);
            $("#edit_auth input[name=auth_c]").val(obj.data.auth_c);
            $("#edit_auth input[name=auth_a]").val(obj.data.auth_a);
        });
        layer.open({
            type: 1,
            title: "編輯許可權",
            area: ['500px', '650px'],
            shadeClose: true, //點選遮罩關閉
            content: $("#edit_auth")
        });
    }