Question

$.ajax({
    type:'GET',
    cache: 'false',
    url:"/foo/",
    data:{"id": pid},
    success:function(data) {
         $('#wrapper').html(data);
    }
});

<li id="btn-click" class="select">{{ promo.name }}</li>

Why ajax url ends with #.
Suppose My url is http://localhost:8000/foo/ then it ends with http://localhost:8000/foo/#.
I don’t want to use #. at the last.

Answer 1

Does your anchor have a # in it so that it doesn’t reload the page? If so, on your click event you will need to either return: false; or use event.stopPropagation(); to prevent the default behaviour.

What is the value of {{ promo.name }} ??