4

我被困在这个问题上。我有一个页面，用户可以搜索并转到搜索结果页面。现在我希望该用户能够按某些标准对结果进行排序，我为此使用 ajax，因为我不希望再次加载页面

我的阿贾克斯：

function sort(){
 var sortid = $('#sort').val().toLowerCase();
 $.ajax({
    type:"GET",
    url: "/sort/",
    data: {sortid:sortid}
 });
}

这是我的观点：

def sort(request):
  sortid = request.GET.get('sortid')
  ratings = Bewertung.objects.order_by(sortid)
  locations = Location.objects.filter(locations_bewertung__in=ratings)
  t = loader.get_template('result-page.html')
  c = Context({ 'locs': locations })
  return HttpResponse(t.render(c))

但是现在，一旦我对结果进行排序，页面上没有任何变化。为什么没有出现带有新查询集的加载模板？我想，没有ajax的done功能，页面就会被替换。

有人可以解释一下为什么会这样吗？

多谢

4

2 回答 2

8

在浏览器的请求检查器中验证您正在从 ajax 调用中接收到您期望的数据后，您应该告诉 jQuery ajax 在您从服务器获取新 html 时如何处理它。

function sort(){
 var sortid = $('#sort').val().toLowerCase();
 $.ajax({
    type:"GET",
    url: "/sort/",
    data: {sortid: sortid},
    success: function(newData){
        $('#selector-that-you-care-about').html(newData);
    }
 });
}
于 2013-04-19T21:20:30.853 回答
1 
function sort(){
 var sortid = $('#sort').val().toLowerCase();
 $.ajax({
    type:"GET",
    url: "/sort/",
    data: {sortid:sortid}
success: function(return_data){
    $('#tag-id').append(return_data);
    }
 });
}

这个也可以试试！

于 2016-10-12T14:04:27.920 回答