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

时间:2012-10-19 05:15:34

标签: php javascript jquery ajax

好的我有这个代码,我希望在用户点击提交但没有刷新页面和没有表单时将此价格和价格发送到其他页面。在其他页面上我将使用此输入进行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"/>

3 个答案:

答案 0 :(得分: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){
     }
  });
});  

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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',具体取决于您的回归。