如何将值从文本框传递到没有表单的另一页

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

嗨，您可以使用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'];

Answer 3

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'具体取决于您要返回的内容。