为什么我得到POST 405（方法不允许）错误？

Question

我正在尝试创建一个本地json文件并使用ajax POST向该文件添加信息。 我的json文件存储为js / article.json。

这是脚本：

$.ajax({
    type: 'POST',
    url: 'js/article.json',
    data: JSON.stringify({"name": "jonas"}),
    success: function(data) { alert('data: ' + data); },
    contentType: "application/json",
    dataType: 'json'
}); 

以下是我想要添加详细信息的表单：

<form action="js/article.json">
  <input type="text" class="form-control form-group" placeholder=" Name" id='nm'>
  <input type="Email" class="form-control form-group" placeholder="Email" id='em'>
  <input type="text" class="form-control form-group" placeholder=" Branch" id='br'>
  <input type="number" class="form-control form-group" placeholder=" Semester" id='sem'>
  <input type="text" class="form-control form-group" placeholder=" Title of Article(keep it short)" id='title'>
  <input type="submit" value="NEXT" class="btn btn-primary" id="pg1">
</form>

我正在使用npm live server。