Submitting HTML Form data in JSON File (without MySql Database) in PHP

 <!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>PHP & JSON File</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div id="main">
        <div id="header">
            <h1>Save Form Data in JSON File</h1>
        </div>

        <div id="table-data">
            <form id="submit_form" method="post" action="save-form.php">
                <table width="100%" cellpadding="10px">
                    <tr>
                        <td width="150px"><label>Name</label></td>
                        <td><input type="text" name="fullname" autocomplete="off" placeholder="Enter name"></td>
                    </tr>
                    <tr>
                        <td><label>Age</label></td>
                        <td><input type="number" name="age" autocomplete="off" placeholder="Enter age"></td>
                    </tr>
                    <tr>
                        <td><label>City</label></td>
                        <td>
                            <input type="text" name="city" autocomplete="off" placeholder="Enter city name">
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <input type="submit" name="submit" id="submit" value="Save">
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</body>

</html>
Above File is index.php File







Below is save-form.php File
<?php

if ($_POST["fullname"] != "" && $_POST["age"] != "" && $_POST["city"] != "") {
    if (file_exists("json/student_data.json")) {
        $current_data = file_get_contents("json/student_data.json");
        $array_data = json_decode($current_data, true);
        $new_data = array(
            "name" => $_POST["fullname"],
            "age" => $_POST["age"],
            "city" => $_POST["city"]
        );
        $array_data[] = $new_data;
        $json_data = json_encode($array_data, JSON_PRETTY_PRINT);

        if (file_put_contents("json/student_data.json", $json_data)) {
            echo "<h3>Successfully saved data in JSON File.</h3>";
        } else {
            echo "<h3>Unsuccessfully saved data in JSON File.</h3>";
        }
    } else {
        echo "<h3>JSON File not exist.</h3>";
    }
} else {
    echo "<h3>All form fields are required.</h3>";
}







Below is css/style.css File.
body {
    font-family: arial;
    background-color: #b2bec3;
    padding: 0;
    margin: 0;
}

#main {
    background-color: #ffffff;
    width: 700px;
    margin: 20px auto;
    font-size: 15px;
}

h1 {
    text-align: center;
    font-size: 40px;
    margin: 0;
}

#header {
    background-color: #6c5ce7;
    color: #ffffff;
    height: 50px;
    padding: 15px;
}

#table-data {
    padding: 15px;
    min-height: 500px;
}

table tr td:first-child {
    text-align: right;
    font-weight: bold;
}

input[type="text"],
input[type="number"] {
    height: 25px;
    width: 200px;
    font-size: 17px;

}

input[type="submit"] {
    background: #6c5ce7;
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    padding: 5px 10px;
    outline: 0;
    cursor: pointer;
    height: 35px;
    width: 100px;
    font-size: 20px;
}






Below is student_data.json File where Form data will be saved.
[
    {
        "name": "Patel Keval",
        "age": "25",
        "city": "Mumbai"
    }
]




Comments

Post a Comment

Popular posts from this blog

GROUP BY Clause and HAVING Clause in PHP

GROUP BY :  The GROUP BY clause is used in conjunction with the SELECT Statement and Aggregate functions to group rows together by common column values. SELECT with GROUP BY Syntax : SELECT columns FROM table_name WHERE condition GROUP BY column_name(s); (Here above "condition" is Optional in above query). In "personal" table, there are 6 columns named id, name, percentage, age, gender, city. In "personal" table, column name "id" is PRIMARY KEY and column name "city" is FOREIGN KEY. In "courses" table, there are 2 columns named course_id and course_name. In "courses" table, column name "course_id" is PRIMARY KEY. In "city" table, there are 2 columns named cid and cityname. In "city" table, column name "cid" is PRIMARY KEY. SELECT with GROUP BY with Two Tables Syntax : SELECT columns FROM table1 INNER JOIN table2 ON table1.column_name = table2.column_name WHERE condition GROUP B...
Read more

Method Overriding in Traits in PHP

Image
  <?php class Base {     public function abc ()     {         echo "ABC method from Base class." ;     } } //The trait method(Here, abc() Method) will get priority compared to Parent class Method(Here, abc() Method) trait Test {     public function abc ()     {         echo "ABC method from test trait." ;     } } class Child extends Base {     use Test ;     public function abc ()     {         echo "ABC method from Child class." ;     } } $obj = new Child (); $obj -> abc ();
Read more

Mysqli database Connection and Display Table Data from Database

  <?php $servername = "localhost" ; $username = "root" ; $password = "" ; $dbname = "heer" ; $conn = new mysqli ( $servername , $username , $password , $dbname ); if ( $conn -> connect_error ) {     die ( "Connection Failed : " . $conn -> connect_error ); } $sql = " SELECT * FROM student " ; $result = $conn -> query ( $sql ); if ( $result -> num_rows > 0 ) {     while ( $row = $result -> fetch_assoc ())     {         echo "<pre>" ;         echo "Id: { $row ["id"]} - Name: { $row ["name"]} - Age: { $row ["age"]} - Phone No: { $row ["phone"]} - City: { $row ["city"]}" ;         echo "</pre>" ;     } } else {     echo "No result fount" ; } $conn -> close (); //  OUTPUT: //Id: 0 - Name: Raj - Age: 25 - Phone No: 9854233621 - City: Ahmedabad // Id: 1 - Name: Amit - Age: 22 - Phone No: 8533...
Read more