表格信息出现在另一页上

时间:2014-10-25 05:12:00

标签: javascript php html css forms

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

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

要在索引页面上提交已提交的文本,您需要一个存储它的位置。你可以使用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
}
?>

为了从表格中使用上述想法显示所需的vaues,您的SQL请求就像select * from mytable where id = 123

答案 1 :(得分:0)

如果你没有结合使用php的想法并学习如何管理和访问数据库,你可以使用jquery和像trse.com这样的trird派对后端

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

要保存您的信息,您可以写:

$('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);
      }
    });