2022暑期实践（Django教程学习记录）（第六周4）P64编辑（模态对话框）

P64编辑（模态对话框）

# 方式一：
def order_detail(request):
    """# 根据id获取订单信息"""
    from django.http import JsonResponse
    uid = request.GET.get("uid")
    row_object = models.Order.objects.filter(id=uid).first()
    if not row_object:
        res = {
            "status": False,
            "error": "数据不存在",
        }
        return JsonResponse(res)
    # else:
    res = {
        "status": True,
        "data": {
            "title": row_object.title,
            "price": row_object.price,
            "status": row_object.status,
        }
    }
    return JsonResponse(res)


# 方式二：
def order_detail(request):
    """根据id获取订单信息"""
    from django.http import JsonResponse
    uid = request.GET.get("uid")
    row_dict = models.Order.objects.filter(id=uid).values("title", "price", "status").first()
    if not row_dict:
        res = {
            "status": False,
            "error": "数据不存在",
        }
        return JsonResponse(res)
    # else:
    res = {
        "status": True,
        "data": row_dict,
    }
    return JsonResponse(res)

function bindBtnEditEvent() {
            $('.btn-edit').click(function () {
                {#alert("点击了编辑");#}

                // 清空对话框中的数据
                $("#formAdd")[0].reset();

                var currentId = $(this).attr("uid");

                // 修改原新建对话框的标题
                $("#myModalLabel").text("编辑订单");

                // 发送ajax去后台获取当前行的相关数据
                $.ajax({
                    url: "/order_detail/",
                    type: "get",
                    data: {
                        uid: currentId,
                    },
                    dataType: "JSON",
                    success: function (res) {
                        if (res.status) {
                            // 显示模态对话框
                            $("#myModal").modal("show");
                            console.log(res.data);
                            $.each(res.data, function(name, value){
                                console.log(name, value);
                                $("#id_"+name).val(value);
                            });
                        } else {
                            alert(res.error);
                        }
                    }
                })
                // 在对话框中放入数据

            })
        }