返回cookie值的函数

Question

这是我用来创建 cookie 的代码

 document.cookie = (firebase.auth().currentUser.phoneNumber);
    handleSignedInUser(user);

这是我用来读取我的 cookie 的值并将其值分配给谷歌地图标记标签的代码

var markerLabel = document.cookie;
  var marker = new google.maps.Marker({
    position: {
      lat: data.User.l[0],
      lng: data.User.l[1]
      
    },
    map: map,
    label: markerLabel
  });

Picture of Homepage 它不仅显示电话号码，还显示电话号码未定义。另一个堆栈溢出用户提到我没有正确返回 cookie 的值。 我在https://www.w3schools.com/js/js_cookies.asp上找到了这个返回cookie值的函数

function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

我似乎无法弄清楚如何将此功能应用于我的代码。如果有人可以帮助我，我将不胜感激

Answer 1

您需要正确设置 cookie 的名称，以便以后可以通过名称读取它。无论你在哪里找到getCookie 函数，都应该有一个相反的函数，比如setCookie，你应该使用它来设置cookie。所以你的工作流程会是这样的：

setCookie('phoneNumber', firebase.auth().currentUser.phoneNumber);

然后

var markerLabel = getCookie('phoneNumber');
var marker = new google.maps.Marker({
  position: {
    lat: data.User.l[0],
    lng: data.User.l[1]
  },
  map: map,
  label: markerLabel
});