AJAX django get request

Question

Can u help me, please! I need to render a new content, when i click on button without refresh page. Now I am using jQuery cookie plugin, save button id into cookie, then read in view that value and render page. But it does not look friendly :c

My JS:

function initBrandSelector() {
  $('.tab button').click(function(){
    var brand = $(this).val();
    if (brand) {
      $.cookie('current_brand', brand, {'path': '/', 'expires': 365});
    } else {
      $.removeCookie('current_brand', {'path': '/'});
    }
    location.reload(true);
    return true;
  });
}

$(document).ready(function(){
  var brand = $.cookie('current_brand');
  if (brand) {
    $('.tab button[value=' + brand + ']').addClass("active");
  }
  initBrandSelector();
});

My view:

def smartphones_list(request):
    current_brand = get_current_brand(request)
    if current_brand:
        smartphones = Smartphone.objects.filter(brand=current_brand)
    else:
        smartphones = Smartphone.objects.all()

    context = paginate(smartphones, 6, request, {}, var_name='smartphones')
    return render(request, 'main/smartphones_list.html', context)

@Vaibhav id looks awful

Oleksii Petrushynskyi
– Oleksii Petrushynskyi

2018-02-27 11:19:41 +00:00
Commented Feb 27, 2018 at 11:19 — Oleksii Petrushynskyi
– Oleksii Petrushynskyi, Commented Feb 27, 2018 at 11:19
What is the issue with the code?

abybaddi009
– abybaddi009

2018-02-27 11:30:56 +00:00
Commented Feb 27, 2018 at 11:30 — abybaddi009
– abybaddi009, Commented Feb 27, 2018 at 11:30
@abybaddi009 I want to refresh content without reload page

Oleksii Petrushynskyi
– Oleksii Petrushynskyi

2018-02-27 11:32:28 +00:00
Commented Feb 27, 2018 at 11:32 — Oleksii Petrushynskyi
– Oleksii Petrushynskyi, Commented Feb 27, 2018 at 11:32

abybaddi009 · Accepted Answer · 2018-02-27 11:40:42Z

1

@abybaddi009 I want to refresh content without reload page – Oleksii Petrushynskyi

In that case your will have to implement a REST endpoint which serves the frontend and using jQuery you have to modify the DOM to display the content.

Take a look at this tutorial and this tutorial.

answered Feb 27, 2018 at 11:40

abybaddi009

1,1049 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AJAX django get request

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related