简体   繁体   中英

Submitting html data and staying on same page

I have a form page

<html>
<body>
    <form action="insert.php" method="post">
        App Name: <input type="text" name="fname" /><br><br>
        App ID: <input type="text" name="lname" /><br><br>

        <input type="submit" name="SubmitButton"/>
    </form>
</body>
</html>

And this is the php page:

<html>
<body>
<?php
    $con = mysql_connect("xxx","xxx","xxx");
    if (!$con)
    {
      die('Could not connect: ' . mysql_error());
    }

    mysql_select_db("db", $con);         
    $sql="INSERT INTO app (fname, lname) VALUES('$_POST[fname]','$_POST[lname]')";

    if (!mysql_query($sql,$con))
    {
      die('Error: ' . mysql_error());
    }

    echo "1 record added";

    mysql_close($con)
?>
</body>
</html>

Now, I want it to display 1 record added on the same page as the form and not have the form send me to a new insert.php page with it. Basically, I want the submit form to stay in the same page with maybe aa new message popping up to show that it has worked.

I have already looked through some answers on stackoverflow like using

if(isset($_POST['SubmitButton']))

but it doesn't work. Maybe I placed it wrong or used it incorrectly but could someone help me figure it out?

Just make it an action to itself, and set an if $_POST['submit'] to add the records, and you can have both in the same file. If you wish to do so without refreshing the page, you'll need to use AJAX.

<html>
<body>
<?php
if (isset($_POST['SubmitButton'])) {
    $con = mysql_connect("xxx","xxx","xxx");
    if (!$con) {
        die('Could not connect: ' . mysql_error());
    }

    mysql_select_db("db", $con);

    $sql="INSERT INTO app (fname, lname)
    VALUES
    ('$_POST[fname]','$_POST[lname]')";

    if (!mysql_query($sql,$con)) {
        die('Error: ' . mysql_error());
    }
    echo "1 record added";

    mysql_close($con)
}
?>


<form action="" method="post">
App Name: <input type="text" name="fname" /><br><br>
App ID: <input type="text" name="lname" /><br><br>

<input type="submit" name="SubmitButton"/>
</form>
</body>
</html>

Also, mysql_* is deprecated , so you should consider converting to PDO or MySQLi to avoid SQL injection!

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM