开发日记--Django前后端数据交互（二）

一、讲一下需求

前端实现一个下拉菜单，通过后端从数据库读取数据作为菜单选项，点击实现跳转

这是前端js部分 ，data部分为获取的Json数据，这是没问题的

<script>
        layui.use('dropdown', function(){
          var dropdown = layui.dropdown
          dropdown.render({
            elem: '#demo1' //可绑定在任意元素中，此处以上述按钮为例
            ,data: {{dictlist|safe}}
            ,id: 'demo1'
            
            //菜单被点击的事件
            ,click: function(obj){
              if(obj.id == 1){
                location.href = "{% url 'tableoperation' %}";
              }else if(obj.id == 2){
                location.href = "{% url 'tablegenerate' %}";
              };
            }
          });
        });
</script>

大部分时间浪费在哪里了呢？

1.数据库中的数据类型转换

2.数据库中的数据经过后端处理成json格式，这个问题上解决了很久

这是最后正确的处理方式

def index(request):
    list = formtable.objects.all()
    datalist = []
    for li in list:
        dic = {}
        dic["id"] = (li.id)
        dic["title"] = (li.tablename)
        datalist.append(dic)
    
    return render(request,"temselect.html",{'dictlist':json.dumps(datalist,ensure_ascii=False)})

 这是我们最后想要得到的数据格式：

dic["title"] = (li.tablename)

当title的引号为单引号时，有这个或者那个的问题，或许是没有更新运行

其次是格式转换

from __future__ import unicode_literals#引入
    #参数设置
    return render(request,"temselect.html",{'dictlist':json.dumps(datalist,ensure_ascii=False)})

就得到了正确的数据格式

而不是

OK！

参考文章

Python处理Json时自动转为单引号导致无法识别的问题_訢詡的博客-CSDN博客这不是自己给自己挖坑么？正规Json串是以双引号标识键值对的，python的dumps出来或者直接字典格式打印出来会变成单引号，写出来再读回去自己识别不了，被单引号赚了中间商差价。解决办法分为两种情况：（1） Json里面不包含中文：这个最好办了，直接~import jsonjson_str = json.dumps(json_str)（2）Json里面还有中文： 如果用上一种办法你会发现双引号倒是...https://blog.csdn.net/Andrwin/article/details/119608114