【问题标题】:How to make a live PHP form? [closed]如何制作实时 PHP 表单? [关闭]
【发布时间】:2012-12-26 17:45:10
【问题描述】:

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

使用示例:

  1. 堆栈溢出(提交帖子时)
  2. Facebook(更新状态时)在 facebook 上,状态已发布,页面未重新加载。

我想知道我必须学习/使用哪种语言来创建此类表单页面。

我们将不胜感激。

【问题讨论】:

标签: php javascript html ajax


【解决方案1】:

您可以使用 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 毫秒 -> 20 秒将 'reload.php' 文件加载到 div id 'loaddiv' 中。 分区:

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

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

祝你好运!

【讨论】:

  • 我们该怎么做?什么是 Javascript.Jquery?是指Javascrit和Jquery吗?
  • 嗨,我用示例代码编辑了我的帖子。
  • 我需要使用哪种方法?获取还是发布?
  • 查看Enam的答案-> stackoverflow.com/a/14044193/1234583
【解决方案2】:

试试下面的代码:

<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

【讨论】:

  • 如果我需要在同一页面上显示评论怎么办。它只是显示警报。我需要上面的评论。
  • 将 alert() 替换为您的成功代码(即显示用户评论等)。
  • 我希望在其下方显示评论/消息。怎么办?
【解决方案3】:

您需要使用AJAX

jQuery has a good AJAX engine.

【讨论】:

    猜你喜欢
    • 2012-05-01
    • 1970-01-01
    • 2023-01-20
    • 1970-01-01
    • 1970-01-01
    • 2012-10-11
    • 2012-12-06
    • 1970-01-01
    • 2021-12-29
    相关资源
    最近更新 更多