使用jquery向Json文件添加新对象_Jquery_Html_Json_Forms

使用jquery向Json文件添加新对象

jquery html json forms

使用jquery向Json文件添加新对象,jquery,html,json,forms,Jquery,Html,Json,Forms,我有一个简单的json文件和一些数据。例如： { "id": 1, "name": "Porsche", "type": "911", "price": "135000", }` 我必须用这些输入名称、类型、价格创建一个html表单，如果用户单击submit按钮，它会将新对象添加到json文件中只有使用jquery、js和html才能做到这一点吗？如果您的网站使用apache之类的工具，那么仅使用html和js是不可能在服务器端保存数据的。为此，

我有一个简单的json文件和一些数据。例如：

{ "id": 1,
    "name": "Porsche",
    "type": "911", 
    "price": "135000", }`

我必须用这些输入名称、类型、价格创建一个html表单，如果用户单击submit按钮，它会将新对象添加到json文件中

只有使用jquery、js和html才能做到这一点吗？

如果您的网站使用apache之类的工具，那么仅使用html和js是不可能在服务器端保存数据的。为此，您需要某种后端逻辑。例如，这可以通过PHP实现。如果您使用PHP，以下代码将实现您想要的功能：

<?php


   $myFile = "data.json";
   $arr_data = array(); // create empty array

  try
  {
       //Get form data
       $formdata = array(
          'id'=> $_POST['id'],
          'name'=> $_POST['name'],
          'type'=>$_POST['type'],
          'price'=> $_POST['price']
       );

       //Get data from existing json file
       $jsondata = file_get_contents($myFile);

       // converts json data into array
       $arr_data = json_decode($jsondata, true);

       // Push user data to array
       array_push($arr_data,$formdata);

       //Convert updated array to JSON
       $jsondata = json_encode($arr_data, JSON_PRETTY_PRINT);

       //write json data into data.json file
       if(file_put_contents($myFile, $jsondata)) {
            echo 'Data successfully saved';
        }
       else 
            echo "error";

   }
   catch (Exception $e) {
            echo 'Caught exception: ',  $e->getMessage(), "\n";
   }

?>

除此之外，您还必须创建一个html表单：

<html>
   <head>
   </head>
   <body>
      <form action="save.php" method="POST">
         <input type="text" name="name"/>
         <!-- INSERT YOUR HTML-INPUTS HERE -->
      </form>
   </body>
</html>

如果您还不熟悉PHP，请看以下内容：

非常感谢您的回答，我和我的表弟正在尝试创建一个测试网站。我们讨论过，我将创建前端，他将创建后端。我不确定谁来演这个角色。