如何制作实时PHP表单?

时间:2012-12-26 17:45:10

标签: php javascript html ajax

我想知道如何创建一个实时PHP页面,即,当我们提交表单的详细信息时,它不会刷新/加载。

使用它的例子:

  1. Stack Overflow(提交帖子时)
  2. Facebook(更新状态时)在Facebook上,状态已发布且页面未重新加载。
  3. 我想知道我必须学习/使用哪种语言来创建这样的表单页面。

    任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:3)

使用Javascript / JQuery

可以轻松完成

示例:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script> 
var auto_refresh = setInterval(
function()
{
$('#loaddiv').fadeOut('slow').load('reload.php').fadeIn("slow");
}, 20000);
</script>

每20000毫秒将'reload.php'文件加载到div id'loaddiv'中 - &gt; 20秒 DIV:

<div id="loaddiv"> 
</div>

然后编辑'reload.php'文件。

祝你好运!

答案 1 :(得分:3)

请尝试以下代码:

<form id="myForm" action="comment.php" method="post"> 
    Name: <input type="text" name="name" /> 
    Comment: <textarea name="comment"></textarea> 
    <input type="submit" value="Submit Comment" /> 
</form>

<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
    <script src="http://malsup.github.com/jquery.form.js"></script> 

    <script> 
        // wait for the DOM to be loaded 
        $(document).ready(function() { 
            // bind 'myForm' and provide a simple callback function 
            $('#myForm').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
            }); 
        }); 
    </script> 
</head> 
...

代码来自THIS Link

答案 2 :(得分:0)