ajax加载html页面缺点,使用ajax过滤结果时加载html页面的一部分

我想使用3个复选框过滤搜索结果。结果在div与id=posts_results使用ajax过滤结果时加载html页面的一部分

val1

val2

val3

val4

{% include 'posts/posts_results.html' %}

$('.typePost').change(function (request, response) {

var v1=$('#id1').is(":checked")? 1:0;

var V2=$('#id2').is(":checked")? 1:0;

var V3=$('#id3').is(":checked")? 1:0;

var v4=$('#id4').is(":checked")? 1:0;

$.ajax({

url: '/posts/type_lesson/',

dataType: 'json',

type: "GET",

data: {

group: groupChecked,

webcam: webcamChecked,

home: homeChecked,

move: moveChecked,

distance: distance,

},

success: function (object_list) {

$('#posts_results').load("my_page.html", object_list);

alert('after')

}

});

});

介绍，这是我的网址：

url(r'^filter/$', views.filter, name='filter_type_lesson'),

，这是我的看法：

def filter(request):

if request.method=='GET':

#as an exemple I'll send all posts

data= PostFullSerializer(Post.objects.all(), many=True)

return JsonResponse(data.data, safe=False)

过滤器功能根据EXCUTE一些过滤器json发送数据，序列化过滤后的帖子并将它们发回(在这种情况下，我发送所有帖子作为示例)。

结果使用id为“posts_results”的div中的forloop显示，html在文件posts_results.html中。

JSON数据被发送，但阿贾克斯成功函数不更新或加载DIV

，它也有可能留

2017-04-01

A2maridz

+0

'this'是不是一个url，它是load()的第一个参数应该是的。 –

+0

我编辑它。我只是测试它，但它不是问题 –