php - フォームなしでテキストボックスから別のページに値を渡す方法

Question

私はこのコードを持っており、ユーザーが送信をクリックしたときにこの価格を他のページに送信したいのですが、ページを更新せず、フォームもありません。他のページでは、この入力をSQLクエリに使用して結果を表示します。

Price from:<input type="text" name="from" id="from" width="50px" />
Price to:<input type="text" name="to" id="to" width="50px" />
<input type="submit" id="submit" value="Search"/>

Answer 1

を使用してjquery

$('#submit').click(){
  event.preventDefault();// prevent form from submitting
   $.ajax({
     type: 'POST',
     url: 'targetpage.php', //your page here
     data: {price_from:$('#from').val() , price_to: $('#to').val()},
     success: function(response){
     }
  });
});  

Answer 2

var _from = $('#from').val(); 
var _to   = $('#to').val();    
$.post('your_file.php',{from: _form, to: _to},function(data){
    //Do Something with returned data.
},'json');

'json'最後に'html'、何を返すかによっても異なります。

Answer 3

こんにちは、jQuery + Ajaxを使用してこれを実現できます、これを試してください

$('#submit').click(function(event) {

        var from = $('#from').val(); 
        var to   = $('#to').val();
        $.ajax({
                type: "POST",
                url: "page_name.php",
                data:"from="+from+"&to="+to,
                success: function (msg) {

                    //some action
                }
            });

    });

php（page_name.php）ファイルで、投稿された値を取得し、必要な操作を実行できます

$from = $_POST['from'];
$to   = $_POST['to'];