页面提交刷新有关问题_PHP

页面提交刷新问题
制作了一个简单页面：上面一排查询条件，点击查询，下半部分显示查询结果；

现在问题是，点击查询后，怎么才能让上半部分不刷新，就是之前录入的查询信息不被清掉，求大家告知。

------解决思路----------------------
典型的Ajax应用
------解决思路----------------------
ajax就可以了。
给你写个简单例子：
client.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <title> 测试 </title>
  <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
 </head>

 <body>
    <div>key:<input type="text" id="key"><input type="button" id="btn" value="search"></div>
    <div id="show"></div>
    <script type="text/javascript">
    $('#btn').click(function(){
        $.post("server.php",{key:$('#key').val()})
        .done(function(data){
          $('#show').html(data['key']);
        });
    })

    </script>
 </body>
</html>

server.php


<?php
$key = isset($_POST['key'])? $_POST['key'] : '';
header('content-type:application/json;charset=utf-8');
echo json_encode(array('key'=>'你输入的key是：'.$key));
?>