每次运行一次功能

Question

Hi and thanks in advance of any support on this.

I have a site where I'm offering to send US visitors back to our US specific website via a Modal popup qwhen they land on our AU site.

I only want the script to run once per visit.

What would I need to add to below to achieve this?

Thanks (ps- very new to ajax and anything outside HTML / CSS)

$(document).ready(function() {

  $.ajax({
    url: 'https://api.ipstack.com/check?access_key=##hidden##',
    dataType: 'jsonp',
    success: function(location) {
      // AU -- Australia
      if (location.country_code === 'AU') {

      } else {
        // Reveal Modal to select AU or US store

        // Modal 1
        $('#popup-2').slickModals({
          popupType: 'delayed',
          delayTime: 0,
          overlayColor: 'rgba(0, 0, 0, 0.1)',
          popupWidth: '420px',
          popupHeight: 'auto',
          popupLocation: 'topCenter',
          popupAnimationDuration: '0.4',
          popupAnimationEffect: 'slideTop',
          popupMargin: '30px',
          popupPadding: '20px',
          mobileBreakPoint: '420px',
          mobileLocation: 'topCenter',
          mobileWidth: '100%',
          mobileHeight: 'auto',
          mobilePadding: '0px',
          reopenClass: 'openSlickModal-2'

        })
      }
    }
  });

});

Answer 1

Assuming a "visit" is any browser session which ends when the tab / browser is closed, you can use sessionStorage to store a flag.

For example

if (!sessionStorage.getItem('redirect-offered')) {
    $.ajax(...)
}

and in your success handler

if (location.country_code === 'AU') {

} else {
  // the value doesn't really matter, it just has to be "truthy"
  sessionStorage.setItem('redirect-offered', 1); 

  $('#popup-2').slickModals(...)
}

Full code example here ~ https://pastebin.com/X7Jy7BD2