Puedo publicar con ajax, pero cuando quiero extraer datos sin actualizar la página, solo puedo hacerlo 2 veces, luego el botón pierde su función.

 <div> <input type="hidden" name="producecode" class="pcode" value="{{per.produceCode}}" /> <input type="hidden" name="useremail" class="uponequantity" value="{{user.username}}" /> <button class="btn btn-sm btn-primary upoq"><i class="fa fa-plus"></i></button> </div>

y jquery

 $(".upoq").on("click", function() { $(".uponequantity").attr("value", localStorage.getItem('key')); var producecode = $(this).parent().find(".pcode").val(); $.ajax({ type: "POST", url: "/uponequantity/", headers: { "X-CSRFToken": '{{csrf_token}}' }, data: { "producecode": $(this).parent().find(".pcode").val(), "useremail": $(".uponequantity").val(), }, success: function() { //window.location.assign('/basket/'+"?b="+$(".uponequantity").val()); $.ajax({ url: '/basket/' + "?b=" + $(".uponequantity").val(), headers: { "X-CSRFToken": '{{csrf_token}}' }, type: 'POST', success: function(result) { $('.basket').html(result); } }); } }); });