0

我的 JS 和 HTML 位于 JS Fiddle，这里。我已经将 JSON 对象放在 CSS 的位置，因为我没有任何 CSS，所以我认为它不会导致问题。问题是我无法让它工作......我认为我的ajaxCall函数中某处有错误，但我找不到它。错误消息说

GET ....[HTTP/1.1 304 未修改 12ms]

我正在使用 Wamp 在我的本地网络服务器上尝试此操作。

JSON文件：

{

"adrBook": [

  {
  "name": "Nikola Markovic",
  "email": "nikola@gmail.com",
  "location": "Serbia"
  },
  {
  "name": "Petar Nikolic",
  "email": "petar@gmail.com",
  "location": "Germany"
  }
  {
  "name": "Marko Stojanovic",
  "email": "markos@gmail.com",
  "location": "Swedish"
  },
  {
  "name": "Dusan Uzelac",
  "email": "dusanu@gmail.com",
  "location": "Holand"
  },
  {
  "name": "Petar Grujic",
  "email": "petarg@gmail.com",
  "location": "USA"
  },
  {
  "name": "Nikola Jesic",
  "email": "nikolaj@gmail.com",
  "location": "China"
  },
  {
  "name": "John Man",
  "email": "johnm@gmail.com",
  "location": "Japan"
  },
  {
  "name": "Jeniffer Gray",
  "email": "jenifferg@gmail.com",
  "location": "Bosnia"
  },
  {
  "name": "Marc Brown",
  "email": "marcb@gmail.com",
  "location": "Croatia"
  },
  {
  "name": "Nikola Ilic",
  "email": "nikolai@gmail.com",
  "location": "Macedonia"
  },
  {
  "name": "Nemanja Nikolic",
  "email": "nemanjan@gmail.com",
  "location": "Slovenia"
  },
  {
  "name": "Stefan Nikolic",
  "email": "stefann@gmail.com",
  "location": "Romania"
  }
  ]
  }
4

1 回答 1

0

问题出在浏览器在<button>单击<form>. 默认情况下，这会导致表单被提交，从而导致页面重新加载。因此，您的 JavaScript 代码的执行将停止，并且 XMLHttpRequest 永远不会完成（或者甚至可能启动）。

您可以通过调用事件对象的preventDefault()方法来阻止浏览器重新加载页面：

search: function(event) {
    event.preventDefault();
    // everything else stays the same …

通过此更改，您的其余代码将运行，您将遇到注释中指出的 JSON 语法错误。调试愉快！:)

于 2013-07-28T17:20:52.300 回答