$ .getJSON根本不起作用

时间:2015-01-06 21:42:08

标签: javascript jquery json

当我点击按钮时,我什么都没得到。我的代码如下。在此先感谢您的帮助。我已经尝试了很多不同的方法,但根本没有任何方法。

我想我的JQuery可能有错误,但我找不到它。或者我的JSON文件语法。

HTML:

<html>
<head><title>JSON Practice</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/json2/20140204/json2.min.js"></head>
<body>

<ul></ul>
<button>Users</button>

<script src="script/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="script/my_script.js" type="text/javascript"></script>
</body>
</html>

JQuery的:

$("button").click( function() {
$.getJSON('json_data.json', function(obj) { 
$.each(obj, function(key, value) { 
     $("ul").append("<li>"+value.name+"</li>");
  });
 });
});

JSON:

{
   "p1": { 
              "name": "Satish",
              "age":   25,
              "company": "Techntoip"
          },


   "p2": {
              "name": "Kiran",
              "age":   28,
              "company": "Oracle"   
          }                          
}

1 个答案:

答案 0 :(得分:-1)

我的文件名称不正确。