jquery - jQuery Ajax：无法使用 echo/json 加载资源

Question

每当我尝试在本地机器上执行此代码（从其中一个 SO 线程中获取）时，我都会收到错误消息

加载资源失败：服务器响应状态为 404（未找到）

我究竟做错了什么？

$.ajax({
  url: "echo/json",
  type: "POST",
  data: {json: '{"message": "Hello"}', delay: 5},
  dataType: "json"
});

也请告诉正确的方法。

Answer 1

在与 HTML 文件相同的文件夹中创建一个名为 data.json 的 JSON 文件：

{ message: "Hello" }

在 HTML 文件中的脚本中调用 AJAX：（index.html）：

<script>
// jQ DOM ready function:
$(function() {
  // AJAX call
  $.ajax({
    url: "data.json",
  }).done(function(data) {
    // When AJAX receives data from .json file

    // Set a 5 s timeout delay
    setTimeout(function() {
      // After 5s delay
      alert(data.message);
    }, 5000);
  });
});
</script>

看看 jQuery AJAX 方法文档：http ://api.jquery.com/jQuery.ajax/