使用JavaScript设置cookie(如果尚未设置)

unguejic  于 2023-02-11  发布在  Java
关注(0)|答案(3)|浏览(180)

首先,请记住,我从来没有使用Javascript自己(只采取了一些脚本谁工作在100%)和同样的对象编程(学习编程的Pascal,12年前)。
现在,我必须创建一个小的在线商店德语和法语。
我做了功能来设置cookie whoo保持所选的语言。
但现在,我至少想要一件事:如果没有任何名为"Language"的cookie,请创建一个cookie并将其设置为法语。
我该怎么做呢?
我的职务:

function setCookie(sName, sValue) {
var expDate = new Date();
expDate.setTime(expDate.getTime() + (365 * 24 * 3600 * 1000)); // ici 1 an
document.cookie = sName + "=" + escape(sValue) + ";expires=" + expDate.toGMTString() + ";path=/";
}

和页面:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="./css/style.css" rel="stylesheet" media="all" type="text/css"  />
        <script type="text/Javascript" src="./javascript/cookie.js"></script>
        <title></title>
        <?php 
            require_once './includes/google_analytics.php';
        ?>
    </head>
    <body onload="setCookie('language','fr');">
    <p>
        Language : <a href="<?php echo $_SERVER['PHP_SELF']?>" onclick="setCookie('language','fr')">fr</a> /
        <a href="<?php echo $_SERVER['PHP_SELF']?>" onclick="setCookie('language','de')">de</a>
    </p>
    <?php       
        require_once './includes/menu.php';
    ?>

        <div id="contener">

        <!-- --------------------------------------------- -->    

    <?php 
        require_once './includes/header.php';
    ?>

        <!-- --------------------------------------------- --> 

        <!-- --------------------------------------------- --> 

    <?php 
        require_once './includes/footer.php';
    ?>

        </div>
    </body>
</html>

我想用"onload"做测试。

rjee0c15

rjee0c151#

这是检查cookie是否已设置的一种方法:

if (document.cookie.indexOf("language=") < 0)
    setCookie("language", "fr");

请注意,如果任何cookie的名称以language结尾,此操作也不会设置cookie。

    • 编辑:**

这里有一个合适的函数来检查一个具有特定名称的cookie是否已经存在。

function cookieIsset(name)
{
    var cookies = document.cookie.split(";");
    for (var i in cookies)
    {
        if (cookies[i].indexOf(name + "=") == 0)
            return true;
    }
    return false;
}

你可以用它

if (!cookieIsset("language"))
    setCookie("language", "fr");
    • 如何onload:**

<head>区域中添加以下内容:

<script type="text/javascript">
document.onload = function () {
    // code ...
};
</script>
    • PHP解决方案:**

因为OP最初有php标记。

if (!isset($_COOKIE['language']))
    setCookie('language', 'fr');
kupeojn6

kupeojn62#

我知道这个答案看起来很长,但它有非常方便的实用方法。你可以使用这两个实用cookie方法-

// Store the name/value pair as a cookie, encoding the value with
// encodeURIComponent() in order to escape semicolons, commas, and spaces.
// If daysToLive is a number, set the max-age attribute so that the cookie
// expires after the specified number of days. Pass 0 to delete a cookie.
function setCookie(name, value, daysToLive) {
    var cookie = name + "=" + encodeURIComponent(value);
    if (typeof daysToLive === "number")
    cookie += "; max-age=" + (daysToLive*60*60*24);
    document.cookie = cookie;
}

// Return the document's cookies as an object of name/value pairs.
// Assume that cookie values are encoded with encodeURIComponent().
function getCookies() {
    var cookies = {}; // The object we will return
    var all = document.cookie; // Get all cookies in one big string

    if (all === "") // If the property is the empty string
        return cookies; // return an empty object

    var list = all.split("; "); // Split into individual name=value pairs

    for(var i = 0; i < list.length; i++) { // For each cookie
        var cookie = list[i];
        var p = cookie.indexOf("="); // Find the first = sign
        var name = cookie.substring(0,p); // Get cookie name
        var value = cookie.substring(p+1); // Get cookie value
        value = decodeURIComponent(value); // Decode the value
        cookies[name] = value; // Store name and value in object
        }
return cookies;
}

然后─

/* a js function to check and set cookie */
function checkAndSetCookie(sName, sdefaultValue) {
    var cookies = getCookies();
    if(typeof(cookies[sName])==="undefined"){
        setCookie(sName, sdefaultValue, 365 * 24 * 3600 * 1000)
    }
}

更改html到-

<!-your html -->
<body onload="checkAndSetCookie('language','fr')">

<!-- add just before body -->
<script type="text/javascript">
   checkAndSetCookie('language','fr');
</script>
<body>
gk7wooem

gk7wooem3#

关键是您使用的是XHTML -并且在XHTML文档下。cookie是一个只读属性。
这意味着无论你尝试什么,你都不能从JavaScript设置cookie。但是,一个可能的方法是设置一个 AJAX 调用,将相关参数传递给一个后台脚本。然后,该后台脚本可以用来设置cookie。

相关问题