フォームを送信せずに入力変数をPHP関数に渡すにはどうすればよいですか？

Question

私は一日中答えを探していて、コード内でJqueryを使用しましたが、うまくいきませんでした。 私は2つのボタンを使用して送信フォームを提出しています：サブミット、パスワードの検索

ユーザ名を入力してパスワードを取得したい場合は、 を取得してからphp関数で使用してください。

にテキストフィールドに背中 それを返す私は、データベースの一部でOKだだけでフォームを送信、またはすべて失うことになるページをリセットせずに動作し、取得したパスワードボタン をクリックするだけで、PHPするユーザ名を渡す簡単な例を必要とします情報

Answer 1

jQuerを使って試すことができますこのようなY：

<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コードのように行くだろう：

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

View it in jsFiddle

・ホープ、この：PHPで

<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> 

はあなたのようなGETのparamsでそれを得るだろう助けて！

またはコードブロックを参照してください -

$(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>