如何在没有页面刷新的情况下ajax发布URL参数更改

Question

Depending on the change in URL parameter my values in the html changes. So basically i am passing these values to a json file. Since the page is refreshing because of the post my values are getting erased.I tried event prevent default, but its not working for me.

var carryOver ={"Jan":"","Feb":""};
var parameters = getParameterByName('month')//gets the current URL parameter
if(parameters == '01-2017'){
    $('#monthQuota').html(janQuota);
    carryOver["Jan"] = 300;
}
else if(parameters == '02-2017'){
    carryOver["Feb"] = 400;
}
$(function() {
  $('parameters').on('change', function (e) {
    e.preventDefault();
    $.ajax({
        type: "POST",
        url: "utilization-2017-test.php",
        data: {
           json: JSON.stringify(monthBalances)
        }
      })
    })
 })

Answer 1

sir, javascript or jquery can detect the #(hash)change but not the parameter change.If you clicked on a link and #tag changed then the script or event will detect that and page will not get reloaded but to change parameters you are going for an entry in the browser Url, so your values getting refreshed.

So please do one thing that keeps a text box and enter values in that then you get the value from textbox and go for service call instead of taking input from URL