Wie lokale Variable aktualisieren und an Ajax Anruf senden

Question

Ich habe eine Liste von Optionen. Wenn Sie auf eine Option klicken, möchte ich den localStorage-Wert mit dem Daten-ID-Wert des angeklickten Links aktualisieren und dann den aktualisierten localStorage-Wert über einen Ajax-Aufruf senden. Das Problem ist jedoch, dass der localStorage-Wert nicht aktualisiert wird Fenster wird aktualisiert. Gibt es einen Weg, um die localstorage Wert ohne eine vollständige Fenster refresh aktualisiert haben:

HTML

<div class="phonechoice" data-id="1">Option 1</div> 
<div class="phonechoice" data-id="2">Option 2</div> 

JQUERY

//Update localStorage variable on click and send to ajax call 

$(document).on("click", '.phonechoice', function(){ 
    var mcid=$(this).data("id"); 
    localStorage.mastercaseid = mcid; // CHANGE LOCALSTORAGE VALUE 
    // location.reload(); //WANT TO STOP THIS RELOAD 
    getresult(url_pullrecords); //execute ajax call 
    }); 

Ajax-Aufruf

  function getresult(url_pullrecords) { 
      $.ajax 
      ({ 
       context: this, 
       crossDomain: true, 
       url: url_pullrecords, 
       type: "GET", 
       data: {mcid:localStorage.mastercaseid}, 
       //THIS VALUE ABOVE DOESN'T GET UPDATED UNLESS WINDOW IS REFRESHED 
       beforeSend: function(){ 
       }, 
       success: function(data){ 
        $(".btnholder").before(data); 
       }     
      }); 
      } 

Answer 1

Try this:

$(document).on("click", '.phonechoice', function(e){ 
    var mcid=$(this).data("id"); 
    localStorage.setItem("mastercaseid", mcid); // CHANGE LOCALSTORAGE VALUE 
     // location.reload(); //WANT TO STOP THIS RELOAD 
    e.stopPropagation(); 
    getresult(); //execute ajax call 
});