django+ajax实现简单的查询页面局部更新

views.py

---

 

def selects(request):
    if request.method =='POST':
        l = request.POST.get('l')
        s = NewsInfo.objects.filter(tid_id=l)
        list = []
        for i in s:
            data = {
                'id':i.id,
                'title':i.nTitle,
                'author':i.nAuthor,
                'content':i.nContent,
                'time':i.nPubDateTime,
                'ns':i.NStatus,
                'typp':i.tid.tname
            }
            list.append(data)
            # print(list)
            # print(JsonResponse(list,safe=False))

        return JsonResponse(list,safe=False)

 

---

urls.py

---

    path('selects/', views.selects,name = 'selects'),

---

index.html

---

    function b() {
        var nums = $('#select').val()
        {#console.log(nums);#}
        if (nums.length !== 0) {
            $.ajax({
                url: '{% url 'selects' %}',
                type: 'post',
                data: ({
                    'l': nums
                }),
                success: function (data) {
                    if (data == null || data == '') {
                        alert("没有该数据");
                    } else {

                        var html = ""
                        for (var i = 0; i < data.length; i++) {
                            html += '<tr><td>' + '<input type="checkbox" name="hh" value="{{ all.id }}">' + '</td>' +
                                '<td>' + data[i].id + '</td>' +
                                '<td>' + data[i].title + '</td>' +
                                '<td>' + data[i].author + '</td>' +
                                '<td>' + data[i].content + '</td>' +
                                '<td>' + data[i].time + '</td>' +
                                '<td>' + '{% if all.NStatus == True %}\n'+
                                    '                未审核\n'+
                                    '            {% else %}\n'+
                                    '                已审核\n'+
                                    '            {% endif %}' + '</td>' +
                                '<td>' + data[i].typp + '</td></tr>'


                        }
                        $('#texts').html(html)
                    }


                },
                error: function () {
                    alert('查询失败')
                }
            })
        } else {

        }
    }

</script>

---

详情请访问私人博客：http://skx.pythonanywhere.com/