如何更新localStorage變量並發送給Ajax調用

Question

我有一個選項列表。 當您單擊一個選項時，我想使用單擊的鏈接的data-id值更新localStorage值，然后通過Ajax調用發送更新的localStorage值，但是問題是，除非窗口刷新。 有沒有一種方法可以在不刷新整個窗口的情況下更新localStorage值：

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通話

         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

嘗試這個：

$(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
 });