Question

我有一个现有的json文件（data.json），我想附加从表单中捕获的信息。

我有输出json的表单，但我不知道如何将其添加到我现有的json文件中。

所以表格看起来像这样：

<div class="left-menu">
    <span class="icon icon-menu"></span>
    <div class="left-menu-holder">
        //Content goes here...
    </div>
</div>

.left-menu {
    transition: left 0.25s linear;
    position: absolute;
    width: 200px;
    left: -200px;
 }
 .left-menu-active {
    left: 0;
 }

我必须将此数据转换为json的js是：

<form id="test" action="#" method="post">
<div class="form-group">
    <label for="department">Department:</label>
    <input class="form-control" type="text" name="department" id="department" />
</div>
<div class="form-group">
  <label for="role">Role title:</label>
  <input class="form-control" type="text" name="role" id="role" />
</div>
<div class="form-group">
  <label for="pay_status">Pay status:</label>
  <input class="form-control" type="text" name="pay_status" id="pay_status"/>
</div>
<div class="form-group">
  <label for="typicalposts">Typical number of posts in a year:</label>
  <input class="form-control" type="text" name="typicalposts" id="typicalposts"/>
</div>
<div class="form-group">
    <label for="email">Restrictions:</label>
    <input class="form-control" type="text" name="restrictions" id="restrictions" />
</div>
<div class="form-group">
    <label for="recruitment_date">Recruitment date:</label>
    <input class="form-control" type="date" name="recruitment_date" id="recruitment_date" />
</div>
  <div class="form-group">
    <label for="weblink">Weblink:</label>
    <input class="form-control" type="text" name="weblink" id="weblink" />
</div>
<div class="text-center">
<p>
    <input type="submit" value="Send" class="btn btn-primary center_block" />
</p>
</div>
</form> 
<pre id="output" ></pre>

这显示了#output中的json，我希望这里显示的是附加到data.json而不是

感谢您的帮助

Answer 1

我的文件托管在我无法访问的服务器上，这就是为什么我想通过js
这样做

所以BBC新闻在http://www.bbc.co.uk/news有一份HTML文件。如果浏览器可以编辑页面并将其保存回服务器，那么这是一个好主意吗？

绝对不可能做你想做的事，因为它要求任何旧浏览器都可以编辑任何旧服务器上的任何旧文件。

为了更改服务器上的数据，您必须与服务器（您说您没有）的合作。

使用javascript附加json文件

1 个答案: