表单信息出现在另一个页面上答案

【问题标题】：Form Information to Appear On Another Page表单信息出现在另一个页面上
【发布时间】：2014-12-20 23:27:01
【问题描述】：

我正在尝试创建一个表单，提交后将发送到我的index.html 页面以供其他用户查看。我希望它可以让世界上任何地方的多个用户都可以提交信息，以便网站一次显示他们的所有信息。

这是我提交页面的 PHP 代码：

<form action="submit_a_message.php" method="post">
    <textarea name="message" cols="60" rows="10" maxlength="500"></textarea><br>
    <input type="submit">
</form>

我正试图弄清楚如何使通过该表单提交的信息出现在我的index.html 页面上。这是我在网上找到的代码，但它不起作用。为什么？

<?php>
    string file_get_contents ( string $submit_a_message.php [, bool $use_include_path = false [,       resource $context [, int $offset = -1 [, int $maxlen ]]]] )
<?>

任何帮助将不胜感激。

【问题讨论】：

标签： javascript php html css forms

【解决方案1】：

要使提交的文本在您的索引页上可用，您需要一个存储它的地方。你可以使用 MySQL base 来做到这一点，或者（如果你不能或者你真的不想要）你可以在你的文本/帖子中使用文本文件（这不是很好的方法，我警告过你）。

要使用 MySQL，您可以在 submit_a_message.php 上使用类似这样的代码：

<?php
//connection to database and stuff
...
if $_POST['message'] {
    $message = $_POST['message'];
    $sql = "insert into `mytable` values $message"; //that is SQL request that inserts message into database
    mysql_query($sql) or die(mysql_error()); // run that SQL or show an error
}
?>

为了从表中显示所需的值，使用类似上面的想法，您的 SQL 请求将类似于 select * from mytable where id = 123

【讨论】：

【解决方案2】：

如果你不喜欢使用 php 和学习如何管理和访问数据库，你可以使用 jquery 和像 parse.com 这样的第三方后端

如果您不熟悉存储和检索数据，我肯定会推荐 https://parse.com/ 提供的服务。它使存储和检索数据变得微不足道。最重要的是，除非您的应用每秒发出超过 30 个 API 请求，否则该服务是免费的。我有一个每天有 61 个用户使用的应用程序，我们从未接近每秒 30 个请求的限制。

要保存您的信息，您可以这样写：

$('document').ready(function(){

    $('#submit_btn').on('click',function(){ // detect button click, need to add "submit_btn" as the id for your button

        var Message = Parse.Object.extend("Message"); //create a reference to your class
        var newObject = new EventInfo(); //create a new instance of your class

        newObject.set("messageText", $("#myMessage").val()); //set some properties on the object, your input will need the id "myMessage"
        newObject.save(null, { //save the new object
          success: function(returnedObject) {
            console.log('New object created with objectId: ' + returnedObject.id); 
          },
          error: function(returnedObject, error) {
            console.log('Failed to create new object, with error code: ' + error.message);
          }
        });
     });
});

稍后检索该信息将非常简单：

    var Message = Parse.Object.extend("Message"); //create a reference to your class
    var query = new Parse.Query(Message); //create a query to get stored objects with this class
    query.find({
      success: function(results) { //"results" is an array, you can fine tune your queries to retrieve specific saved objects too
        for (var i = 0; i < results.length; i++) { 
          var object = results[i];

          $(body).append("Message #" + (i+1) + object.get("messageText"); 
        }
      },
      error: function(error) {
        console.log("Failed to complete Query - Error: " + error.code + " " + error.message);
      }
    });

【讨论】：