Javascript jqueryajax没有'；我不会成功的

我对ajax非常陌生，只是学习了它，并在localhost上创建了一个简单的页面来测试同一文件夹中的GET和POST from/to json文件

虽然GET工作顺利，但我无法理解，如果我单击分配此功能的按钮，为什么post不会发生。 请查看我的代码并提供帮助

element = $("#mylist");
var item2 = $("#mytable");

$.ajax({
  type: "GET",
  url: "data.json",
  success: function(response) {
    $.each(response, function(i, item) {
      element.append("<li>" + item.fname + " " + item.lname + "</li>");
      item2.append("<tr><td>" + item.lname + "</td>" + "<td>" + item.fname + "</td></tr>");
    });
  },
  error: function() {
    alert("error");
  }
});

$("#additem").on('click', function() {
  var $fname = $("#fname");
  var $lname = $("#lname");
  var $city = $("#city");
  var order = {
    fname: $fname.val(),
    lname: $lname.val(),
    city: $city.val()
  };
  console.log(order);

  $.ajax({
    type: "POST",
    url: "data.json",
    data: order,
    succes: function() {
      console.log("succes");
    },
    error: function() {
      console.log("no success");
    }
  });
});

element=$（“#mylist”）；
var item2=$（“#mytable”）；
$.ajax({
键入：“获取”，
url:“data.json”，
成功：功能（响应）{
$。每个（响应、功能（i、项目）{
元素。追加（“
”+item.fname+”+item.lname+“
”）；
item2.追加（“+item.lname+”+“+item.fname+”）；
});
},
错误：函数（）{
警报（“错误”）；
}
});
$（“#添加项”）。在（'click'，function（）上{
var$fname=$（“#fname”）；
变量$lname=$（“#lname”）；
var$city=$（“#city”）；
变量顺序={
fname:$fname.val（），
lname:$lname.val（），
城市：$city.val（）
};
控制台日志（订单）；
$.ajax({
类型：“POST”，
url:“data.json”，
数据：订单，
成功：函数（）{
控制台日志（“成功”）；
},
错误：函数（）{
console.log（“未成功”）；
}
});
});

---

问题是您正试图发布到.json文件，就像帕特里克·埃文斯在评论中所说的那样。您需要对脚本进行post，在PHP中，您可以执行以下操作：

$order = $_POST['order'];
// Do something with order...
echo $order; // or echo success message

---

当然，要实现这一点，您需要在服务器（localhost）上运行PHP。

您的代码在哪里？您的服务器是否配置为像GET一样将数据返回POST请求？此外，请在问题中填写所有相关代码。您处理的限制警告是有原因的。您不能发布到

.json

文件，它不是像phpI agree with@PatrickEvans那样执行的服务器端脚本，并且您在“success”中缺少一个“s”，这可能是由于“Access Control Allow Origin”