0

私の JS と HTML は JS Fiddle にあります。私はCSSを持っていないのでJSONオブジェクトをCSSの場所に置いたので、問題はないと思います。問題は、それを機能させることができないことです...関数のどこかにエラーがあると思いますが、ajaxCallそれを見つけることができません。エラーメッセージは言う

GET ....[HTTP/1.1 304 Not Modified 12ms]

Wampを使用して、ローカルWebサーバーでこれを試しています。

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 に答える