如何在不提交表單的情況下將輸入變量傳遞給PHP函數？

Question

我花了整整一天尋找答案，並在代碼中使用Jquery，但它沒有奏效。 我有一個，2個按鈕提交表單：提交，找回密碼

我想用戶輸入用戶名，點擊找回密碼 再取該用戶名，並用它在PHP函數從數據庫中獲取用戶的具體問題，在文本字段

我行與數據庫部分只需要一個簡單的例子，工程並通過用戶名與找回密碼按鈕 的點擊到PHP沒有提交表單或復位，將失去所有的頁面將其返回 信息

Answer 1

你可以試試用jQuer Ÿ這樣的：

<form> 
    <input id="usernameInput" name="username" value=""> 
    <input type="submit" value="Submit"> 
</form> 

<a id="RetrivePasswordBtn" href="#" data-url="http://www.example.com"> 
    Retrieve Password 
</a> 

和jQuery代碼將作爲去：

<script> 
    $(document).on(ready, function() { 
     $("#usernameInput").on("input", function(e) { 
      var url = $("#RetrivePasswordBtn").data("url"); 
      url += "?username=" + encodeURIComponent($(this).val()); 
      $("#RetrivePasswordBtn").prop("href", url); 
     }) 
    }) 
</script> 

在PHP中，你會得到它的GET PARAMS，如：

<?php 
    function functionName() { 
     // Here you can get the value of the username 
     $username = $_GET('username'); 
    } 

View it in jsFiddle

希望這幫助！

或者看到的代碼塊 -

$(document).on('ready', function() { 
 
\t $("#usernameInput").on("input", function(e) { 
 
\t var url = $("#RetrivePasswordBtn").data("url"); 
 
\t url += "?username=" + encodeURIComponent($(this).val()); 
 
\t $("#RetrivePasswordBtn").prop("href", url); 
 
     
 
     $("#textBlock").text(url); 
 
\t }); 
 
});

.btn { 
 
    display: inline-block; 
 
    padding: 10px; 
 
    background-color: #1C90F3; 
 
    color: #fff; 
 
    text-decoration: none; 
 
    margin-top: 20px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form> 
 
    <input id="usernameInput" name="username" value=""> 
 
    <input type="submit" value="Submit"> 
 
</form> 
 

 
<a id="RetrivePasswordBtn" class="btn" href="#" data-url="http://www.example.com"> 
 
    Retrieve Password 
 
</a> 
 

 
<br /><br /> 
 
<div> 
 
    Link to be created - <span id="textBlock"></span> 
 
</div>