2019.04.07 电商15 地址管理

如何去复制别人的前端代码

着自己的编辑器中正常运行

我还要自己写三级联动呀 自己拷贝过来的是静态的呀

三级联动开始：

　　1.给每一个选择框增加一个id  = province   city  town

　　2.页面加载$(function(){

　　loadProvince();

})

　　function LoadProvince(){

}

先写了三级联动的框架，

一层一层的接下去

1，刚加载进来的，要清空所有的，然后当我选择了第一个之后，要根据第一个选择的地区，加载第二个，接着第三个

 $(function() {
        loadProvince();
    });
    function loadProvince() {
        loadArea(0,'province',loadCity);
    }
    function loadCity() {
        loadArea($('#province').val(),'city',loadTown);
    }
    
    function loadTown() {
        loadArea($('#city').val(),'town');
    }
    function loadArea(pid,selectId,nextLoad) {
        //清空当前select标签内部原有内容
        $('#'+selectId).empty();
        //通过ajax请求获取区划信息
        $.get('/user/loadAddr/',{'pid':pid},function (result) {
            console.log(result.jareaList)
            //[{},{}]
            var areaList = JSON.parse(result.jareaList);
            //遍历areaList
            for(var i=0;i<areaList.length;i++){
                var area = areaList[i];
                //将数据添加到select标签内部
                $('#'+selectId).append('<option value="'+area.pk+'">'+area.fields.areaname+'</option>');
            }
            if(nextLoad != null){
                nextLoad();
            }
        });
    }
</script>

注意传递的参数，在发送请求的时候处理
对哦，联动要用到递归的

from django.core.serializers import serialize
#序列化字符串成json格式吗
序列化   返回到Ajax请求都是json格式的

def loadAddr(request):
    #获取请求参数
    pid = request.GET.get('pid',-1)
    pid = int(pid)
    print pid
    #根据父Id查询区划信息
    areaList = Area.objects.filter(parentid=pid)
    #序列化areaList
    jareaList = serialize('json',areaList)
    return JsonResponse({'jareaList':jareaList

序列化之后是对象转化成字符串

  var areaList = JSON.parse(result.jareaList);

然后转成对象   这是在js中转的　　

这仅仅是一个三级联动呀   完了呀都不会