重新加载PHP表单结果

时间:2014-01-04 11:45:28

标签: javascript php jquery html

有没有办法,只要用户填写PHP表单并点击提交,就会执行所需的查询并显示如下,并且不会重新加载页面。 (例如,当用户填写评论表并点击评论时,它会立即显示评论,就像Facebook聊天一样。)

2 个答案:

答案 0 :(得分:0)

我建议使用ajax / javascript和jquery。这是你寻求的方式。仅使用服务器端编码是不可能的。 Jquery很容易记录。

ajax和jquery简介: http://www.w3schools.com/jquery/jquery_ajax_intro.asp

Jquery的: jquery.com

Jquery ajax: http://api.jquery.com/jquery.ajax/

答案 1 :(得分:0)

这是HTML代码

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
    <div id="container" style="min-height:100px;background:ccc">
    </div>
   <form action="#" method="post">
   <textarea id="textArea" onkeydown="displayResult(event)"></textarea>
   </form>
   <script>
  function sendData()
    {
        $.ajax({
             type: "POST",
             url: 'rest.php',
             data:"Formdata="+$("#textArea").val(),
             success: function (data)
             {
                $("#container").append("<h3>"+data+"</h3>");
            }
        });
    }

function displayResult(e) 
{
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;
    if(e && e.keyCode == 13)
    {
      sendData();
      $("#textArea").val('');
      $("#textArea").focus();
    }
 }


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

这是PHP边码

<?php
$a=$_POST["Formdata"];
$con=mysql_connect("localhost","root","");
mysql_select_db("json",$con);
$x=mysql_query("insert into test(data) values('$a')");
echo $a;
?>