如何使用php $ _GET傳遞和獲取jQuery中的URL參數？

Question

我做了一個暗模式功能，可以更改應用程序的背景顏色和文本顏色。 它工作正常，但問題是當我轉到value="dark"上的其他頁面時，值屬性被重置，新頁面位於value="light" 。 我必須將暗模式值發送到其他頁面。

我搜索了我的問題，發現我不能使用$ajax （因為url是固定的）。 我知道如何使URL參數（例如url/foo?bar=value和$_GET['bar']等於值，但是我不知道將此類代碼放在哪里。

// This is in the <head> of base.blae.php
    <button id="dm" style="margin: 19px;" class="btn btn-dark" name="mode" value="light" onclick="
        Darkmode(this);
    ">Darkmode</button>

// JS file
function Darkmode(self){ 
    if($('#dm').val() === 'light'){
        Color.backgroundColor('DarkSlateGray');
        Color.textColor('white');
           $('#dm').val('dark');
    } else {
        Color.backgroundColor('white');
        Color.textColor('black');
           $('#dm').val('light');
    }
}

我想使用php URL參數。 例如，使url像這樣http://localhost:8000/events?mode=dark並獲取值$_get['mode'] 。 我知道JS是客戶端，而PHP是服務器端。 但是我認為有一種方法可以使這項工作生效。 您可以用代碼解釋它，我應該放在哪里？ 感謝大伙們！

Answer 1

使用本地存儲/會話存儲來保存/獲取狀態

function Darkmode(self){ 
    if($('#dm').val() === 'light') {
        Color.backgroundColor('DarkSlateGray');
        Color.textColor('white');
           $('#dm').val('dark');
           localStorage.setItem('mode', 'dark');//set the state if the user pushes the button
    } else {
        Color.backgroundColor('white');
        Color.textColor('black');
           $('#dm').val('light');
           localStorage.setItem('mode', 'light');
    }
}


var mode = localStorage.getItem('mode');//get the state from storage when you navigate to a new page
if(mode === 'dark')  { // if the mode is black we change the colors, if no state is stored (or is white) we keep it white
           Color.backgroundColor('white');
           Color.textColor('black');
           $('#dm').val('light');
           localStorage.setItem('mode', 'light');

    } else {
           Color.backgroundColor('DarkSlateGray');
           Color.textColor('white');
           $('#dm').val('dark');
           localStorage.setItem('mode', 'dark');
    }

如果要使用get參數，則需要執行以下操作

 var mode = '<?php echo isset($_GET['mode'])?$_GET['mode']:"light";?>';//create a js variable using php ternary operator
        if(mode === 'light') {
            Color.backgroundColor('DarkSlateGray');
            Color.textColor('white');
               $('#dm').val('dark');

        } else {
            Color.backgroundColor('white');
            Color.textColor('black');
               $('#dm').val('light');

        }

如何使用php $ _GET傳遞和獲取jQuery中的URL參數？

問題描述

1 個解決方案

解決方案1
1 已采納 2019-09-10 05:53:28

如何使用php $ _GET傳遞和獲取jQuery中的URL參數？

問題描述

1 個解決方案

解決方案1 1 已采納 2019-09-10 05:53:28

解決方案1
1 已采納 2019-09-10 05:53:28