2017-07-29 60 views
0

我想在用戶單擊超鏈接時顯示用戶的餘額。用戶的餘額存儲在一個php變量中。我希望這可以使用JavaScript來完成,但我沒有太多的JavaScript經驗。如何通過單擊超鏈接來顯示php變量的值

下面是我的代碼:

$userbalance = $xyz[2]; 
echo "Your balance stands at ".$xyz[2]; 

這件事情是工作,但我想通過單擊鏈接

我不知道要放什麼東西在錨標籤上顯示$userbalance

是否有可能通過單擊超鏈接顯示php varibale的值?

我可以通過函數href嗎?或者我可以以某種方式使用onclick

+0

所以你想要的僅僅是當用戶點擊一個特定的路線時顯示你的句子,然後將href鏈接指向這條路線。 –

+0

你需要javascript,php是服務器端語言。或者'onclick'或添加一個監聽器 – Qirel

回答

0

試試這個:

<a href="somepage.php?balance=<?php $balance = $xyz[2]; echo "Your balance stands at ". $balance; ?>" >Click</a> 

通過上面的方法,你可以在任何頁面顯示的URL平衡。然後,如果你需要使用平衡有剛剛獲得該值超全局變量$_GET['balance'];

0

在最簡單的形式,這可以通過在「數據 - 」屬性的HTML支持,然後存儲值來實現使用Javascript來提醒用戶點擊時的價值。

<p> 
    Click to see your account 
    <a href="javascript:void();" data-balance="123 €" onclick="window.alert(this.getAttribute('data-balance'))">balance</a>. 
</p> 

PHP的這一部分只是爲了在上面的HTML代碼中將正確的平衡值回傳到正確的位置。最終的HTML的

<a href="javascript:void();" data-balance="<?= $balance ?>" onclick="window.alert(this.getAttribute('data-balance'))">balance</a>. 

例子:https://jsfiddle.net/oh8jnmg2/1/

0

這是一個解決方案,如果你不想實際使用兩頁,但仍表現出新的內容和隱藏一切:

$userbalance = $xyz[2]; 
echo `Your balance stands at <a href='javascript:{document.documentElement.innerHTML = ""; document.write(` . $xyz[2] . `);}'>see variable</a>`; 

如果您只想在下方顯示新值,請使用:

$userbalance = $xyz[2]; 
echo `Your balance stands at <div id="myDiv"><a href='javascript:{document.getElementById("myDiv").innerHTML = ` . $xyz[2] . `;}'>see variable</a></div>`; 
0

Niltish給出了正確的h INT。但我不建議將輸出字符串放入鏈接中,該鏈接將顯示在url中。由於HTML通過PHP的渲染,你可以簡單地鍵入您的附加價值的環節:

<a href="yourprintsite.php?balance=$userbalance>Click here to see your balance</a> 

,然後yourprintsite.php,你只需要輸入:

if (!empty($_GET['balance')) { 
    echo "Your balance stands at " . $_GET['balance']; 
} 

大功告成。

0

你可以寫一個代碼,功能的getAttribute你必須幫助

<script type="text/javascript"> 
    function clickHanler(d){ 
     alert(d.getAttribute("data-userbalance")); 
    } 
</script> 

<a 
    data-userbalance="21" 
    href="#" 
    onclick="clickHanler(this);"> 
     Click to do something 
</a> 
0

首先,讓我們先從HTML,你需要創建一個<a></a>的路由到任何地方:

<a href="javascript:void(0)" id="linktobalance">Click to see Balance</a> 

然後,在Javascript部分:

  1. 我們將分配一個方法來處理點擊我們的鏈接。
  2. 我們需要使用Ajax呼叫從balance.php頁面獲得balance

    $("#linktobalance").on("click", function(){ 
        $.post("balance.php", function(balance) { 
         //In this part, the balance is the value returned from th PHP, you can do whatever with it, I'll alert it 
         alert("The user balance is "+balance); 
        }); 
    }); 
    

注意:我們使用jQuery,你可以這樣做將它添加到您的項目:

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
0

$("#showbalance").click(function(){ 
 
    $("#balance").show(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script> 
 

 
<a href="#" id="showbalance">Show Balance</a> 
 
<div id="balance" style="display: none;"> 
 
    Balance = 1000 
 
</div>

相關問題