getJSON 不适用于 WAMP 服务器，Chrome，Firefox

Question

$(document).ready(function(){
  $("button").click(function(){
    
 $.getJSON( "json_data.json", function(data){
  alert("error1");
  $.each(data, function(key, value){
   alert("error");
   $("ul").append( "<li>"+value.name+"</li>");    
  });
    })
 .error(function(data) {
  alert("error2");
  console.log("Error in Json!");
  });  
  });
  
   
});

<!DOCTYPE html>
<html>
<title>Fetching data from Mysql database</title>

<head>
 
 <script type="text/javascript" src="jquery-2.1.4.js"></script>
 <script type="text/javascript" src="script.js" ></script>
 
</head>

<body>
 <b>Hello </b>
 
 <button>Click me</button>
 
 
</body>

</html>

{ "p1":{ "name": "person1", "age": 25, "Company": "ABC", }, "p2";{ "name": "person2", "age": 22, "Company": "XYZ", }, }

Answer 1

将 <ul></ul> 标记添加到 html

并正确 json 格式

{ "p1":{ 
        "name": "person1", 
        "age": 25,
        "Company": "ABC"
       },
  "p2":{ 
        "name": "person2", 
        "age": 22, 
        "Company": "XYZ" 
       }
}

getJSON 不适用于 WAMP 服务器，Chrome，Firefox

getJSON not working with WAMP server , Chrome, Firefox

jquery

json

getjson