如何使用Javascript和Jquery Vector Map设置会话

时间:2018-12-15 04:41:27

标签: javascript session cookies jqvmap

我正在使用名称为jqvmap的jQuery Vector Map Library。有谁知道用Java设置会话而不是设置Cookie的方法吗?:

我的代码:

function getCountryName(code) {
    var path = JQVMap.maps["world_en"].paths[code];
    return path && path.name;
}
var fromCountryCode = getCookie(cookieName) || "";
worldMap = jQuery('#vmap').vectorMap({
    map: "world_en",
    backgroundColor: '#FFCC28',
    borderColor: '#818181',
    scaleColors: ['#222222', '#ffffff'],
    borderOpacity: 0.25,
    color: '#2F3132',
    hoverOpacity: 0.8,
    multiSelectRegion: true,
    selectedColor: '#FBB24B',
    selectedRegions: '{{$flag}}',
    //selectedRegions: [fromCountryCode],
    enableZoom: true,
    showTooltip: true,
    onRegionClick: function(e, code, name) {
        code == "AE" ||
        code == "AF" ||
        code == "AG" ||
        code == "AL" ||
        code == "AM" ||
        code == "AO" ||
        code == "AR" ||
        code == "AT" ||
        code == "AU" ||
        etc...
        code == "ZW"
        $("#message").text("Your Country: " + name);
        setCookie(cookieName, code, 600); // minutes
        window.location.replace("https://example.com/");
    }
});

我的想法是用Javascript设置会话,而不是通过替换以下代码部分来设置Cookie:

setCookie(cookieName, code, 600);

替换为

session(['name' => $code]);

我读了SO,似乎无法从客户端更改会话,但是可能有人知道使用AJAX的解决方法。 brgds。

1 个答案:

答案 0 :(得分:1)

嗯,TBH我还没有完全了解您的应用程序的整个工作流程,但是如果您需要创建一个PHP 无cookie会话,则需要来回传递会话ID由你自己。可以使用ajax / php如下所示。创建两个PHP页面:

set_session.php:

<?php 
  ini_set("session.use_cookies", 0);
  ini_set("session.use_only_cookies", 0);
  session_start();

  if(isset($_POST['code'])){
    $code = filter_var($_POST['code'], FILTER_SANITIZE_STRING);
  }

  $_SESSION['name'] = $code;
  $_SESSION['value'] = 'https://example.com';

  header('Content-Type: application/json');
  $response = [];
  $response['sessionid'] = session_id();
  echo json_encode($response);
?>

get_session.php:

<?php 
  ini_set("session.use_cookies", 0);
  ini_set("session.use_only_cookies", 0);

  if(isset($_POST['sessionid'])){
    $sessionid = filter_var($_POST['sessionid'], FILTER_SANITIZE_STRING);
  }

  session_id($sessionid);
  session_start();
  header('Content-Type: application/json');
  $response = [];
  $response['name'] = $_SESSION['name'];
  $response['value'] = $_SESSION['value'];
  echo json_encode($response);
?>

JavaScript:

var mySessionId = "";

function setSession (code){
   $.ajax({url: 'set_session.php'
    ,data: {code: code}
    ,type: "post"            
    ,dataType: "json"
    ,success: function (result) {
      mySessionId = result.sessionid;
    }
  });
}

function getSession (){
  $.ajax({url: 'get_session.php'
    ,data: {sessionid: mySessionId}
    ,type: "post"              
    ,dataType: "json"
    ,success: function (result) {
      // result will be: {name: AZ, value: https://example.com}
    }
  });
}

第一次,您应该在mySessionId中获得一个会话ID:

setSession('AZ');

然后,您稍后可以在html页面中重用此会话ID,以调用存储在服务器端的会话变量:

getSession();

此外,根据您的需要,您还可以使用http标头将用户直接从get_session.php页面内部重定向到新链接。

希望这会有所帮助。