javascript - 从 URL 解析 JSON

Question

我需要加载和显示这个 JSON

http://eolis-sante.com/eolis/connexion.php?choice=1

我试过这个，但没有奏效

<script>
   $(document).ready(function(){
        $.getJSON("http://eolis-sante.com/eolis/connexion.php?choice=1",function(result){
          $.each(result, function(key, value){
            $(".tt").append(key.nom + "<br /> ");

        });
      });
    });
</script>  

Answer 1

$.each有点不同，它接受函数，接受索引和元素：

$.each(result, function(index, element){
  $(".tt").append(element.nom + "<br /> ");
});

Answer 2

上面的代码与http://eolis-sante.com/eolis/connexion.php?choice=1在同一个域中？不允许您从不同的域进行 ajax 调用。看到这个问题： How to perform cross-site ajax request? .

为避免这种安全约束，您可以在服务器上制作服务器端脚本并读取返回的内容。

<?php
// connexion.php
echo file_get_contents('http://eolis-sante.com/eolis/connexion.php?choice=1')
?>

将您的 js 更改为：

<script>
    $(document).ready(function(){
    $.getJSON("connexion.php",function(result) {
        $.each(result, function(key, value){
            $(".tt").append(field.nom + "<br /> ");
        });
    });
});

Answer 3

<script>
   $(document).ready(function(){
        $.getJSON("http://eolis-sante.com/eolis/connexion.php?choice=1",function(result){
          $.each(result, function(key, value){
            $(".tt").append(value.nom + "<br /> ");
//                          ^ Key changed to value

        });
      });
    });
</script>