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

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

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

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

三级联动开始:

  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中转的  

这仅仅是一个三级联动呀 完了呀都不会
 
扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄