要显示在另一页上的表单信息


Form Information to Appear On Another Page

我正在尝试创建一个表单,提交后将发送到我的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 ]]]] )
<?>

如有任何帮助,我们将不胜感激。

要使提交的文本在索引页面上可用,你需要一个存储它的地方。你可以使用MySQL库来实现这一点,或者(如果你不能或你真的不想)你可以在文本/帖子中使用文本文件(我警告过你,这不是一个好方法)。

要使用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

如果你不想使用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);
      }
    });