單擊文本標籤生成新的散列

Question

$num = rand(0, 10000); 
$hash = password_hash($num, PASSWORD_BCRYPT, array(
    'cost' => 6 
)); 

以上是哈希

<p class="reg-code">Hash: <span><?php echo $hash; ?></span><i class="fa fa-refresh" aria-hidden="true" id="refresh-code"></i></p> 

我想它，所以當有人點擊，它生成一個新的哈希到跨度中的標籤，我會怎麼來的跨越這個？

我不知道我會如何做到這一點，就像在PHP或什麼功能。

Answer 1

這就是所謂的Ajax：

<p class="reg-code"> 
    Hash: 
    <span id="hash"><?php echo $hash; ?></span> 
    <i id="click" class="fa fa-refresh" aria-hidden="true" id="refresh-code"></i> 
</p> 

$('#click').click(function(){ 
    $.post("./path/to/hashscript.php", function(data) { 
    $("#hash").html(data); 
    }); 
}); 

您可以使用JavaScript事件，使服務器請求和更新與響應的頁面元素。你的PHP腳本應該回顯$hash。

echo password_hash($num, PASSWORD_BCRYPT, ['cost' => 6]); 

Answer 2

Ajax允許你發送一個請求到另一個頁面無需刷新。 檢查的jQuery的Perform an asynchronous HTTP (Ajax) request

在你的情況這部分，你設置了這樣的（1日，包括jQuery的在你的頁面的頭）：

<p class="reg-code">Hash: <span></span> 
<i class="fa fa-refresh" aria-hidden="true" id="refresh-code"></i></p> 

注意，< SPAN>當我們啓動時，將處理響應爲空（但可以在開始時顯示原始哈希，當您點擊鏈接時它的內容將被替換），並且附有刷新鏈接的標識

然後，你使用jQuery：

$(document).ready(function() { 
    $("#refresh-code").click(function(){ // click on element with ID 'refresh-code' 

    $.ajax({ // method default is 'GET' 
      url: "hash.exe.php", // the PHP page that will generate new hash 
      success: function(html){ // if no PHP error 'html' is the response 
        $(".reg-code > span").html(html); // we append the html in the span 
      }, 
      error: function (request, status, error) { // we handle error 
      alert(request.responseText); 
      } 
      }); 
    }); 
}); 

PHP（hash.exe.php）看起來像這樣（左您處理，不被加回顯的答案）：

<?php 
error_reporting(E_ALL); ini_set('display_errors', 1); 

$num = rand(0, 10000); 
$hash = password_hash($num, PASSWORD_BCRYPT, array(
'cost' => 6 
)); 

echo"$hash"; // this 'invisible' HTML output is echo'd back to the page who initiated it 
?> 

整體放在一起的例子FIDDLE

Answer 3

應該得到。因爲它不會更改服務器狀態。只需返回新的價值。

$('.fa-refresh').click(function(){ 
    $.get("./path/to/hashscript.php", function(data) { 
    $(".reg-code > span").html("Hash:" + data); 
    }); 
}); 

和hashscript.php文件應包含

echo md5(uniqid(rand(), TRUE));