Question

ovar。 TK / server.php：

[{"nama":"cilok","tempat":"Jajanan cilok dapat di temukan di daerah sekitar gerbang     FAPET","gambar":"cilok.jpg"},{"nama":"martabak","tempat":"Jajanan martabak dapat di temukan di daerah pasar Dinoyo lama","gambar":"martabak.jpg"},{"nama":"cwie mi","tempat":"Jajanan cwie mi dapat di temukan di daerah jalan sumbersari gang 3 ","gambar":"martabak.jpg"},{"nama":"mcd","tempat":"Restoran Mc Donalds dapat di temukan di daerah pasar Dinoyo lama","gambar":"martabak.jpg"},{"nama":"mcd","tempat":"Tidak Ditemukan","gambar":""}]

我的代码是test.html：

   <!DOCTYPE html>
<html>
<head>
 <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.getJSON("http://ovar.tk/server.php",function(result){
      $.each(result, function(i, field){
        $("div").append(field.nama + " ");
      });
    });
  });
});
</script>
</head>
<body>    
<button>Get JSON data</button>
<div></div>

</body>
</html>

单击按钮时没有任何反应，当网址为localhost时显示数据获取json数据的新手，所以请帮助我！谢谢你们！：d

Answer 1

看起来好像你可能会违反“same origin policy”，这会阻止常规页面中的JavaScript加载来自页面来自服务器以外的服务器的数据。

Answer 2

我猜您遇到了跨域资源共享问题，请查看enable-cors.org。您应该使用JSONP通过添加

来解决问题

 dataType: 'jsonp'

根据您的要求。

类似的东西：

$.ajax({
     url:"http://ovar.tk/server.php",
     dataType: 'jsonp', 
     success:function(json){
         // do stuff with json 
         alert("Success");
     },
     error:function(){
         alert("Error");
     },
});

无法从url获取json数据而不是localhost

2 个答案: