2016-08-27 2 views
-1

Вот мой HTML кодКак получить название JSON

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     $.getJSON("json.js", function(result){ 
      $.each(result, function(i, field){ 

       var firstName = field.firstName; 
       var lastName = field.lastName; 

     $(".a").append(firstName + lastName);  
      }); 
     }); 
    }); 
}); 
</script> 
</head> 
<body> 

<button>Get JSON data</button> 
<br>  
<p class="a"></p> 
</body> 
</html> 

Тогда вот мой json.js код

{"employees":[ 
    {"firstName":"John", "lastName":"Doe"}, 
    {"firstName":"Anna", "lastName":"Smith"}, 
    {"firstName":"Peter", "lastName":"Jones"} 
]} 

Когда я запускаю программу, она ничего, чтобы показать, как должен Я решить problom, спасибо

Я хочу показать результат о John Doe Anna Smith Peter Jones

Большое спасибо !!!

+0

Вы пытались использовать отладчик JavaScript вашего браузера? – Dai

+0

"JSON title"? Пожалуйста, сделайте свой заголовок понятным. Попробуйте найти другие вопросы для справки. –

ответ

0

В любое время, когда я сталкиваюсь с этими проблемами, я хотел бы console.log (result) и посмотреть, как данные передаются мне обратно через консоль. Я использовал MAMP для указания на мой файл, так как открытие index.html в браузере не будет загружать данные JSON. Вот мой код:

$(document).ready(function(){ 
    $("button").click(function(){ 
     $.getJSON("json.js", function(result){ 
      $.each(result.employees, function(i, field){ 
       var firstName = field.firstName; 
       var lastName = field.lastName; 

       $(".a").append(firstName + " " + lastName);  
      }); 
     }); 
    }); 
}); 

С помощью console.log-ing все, что вам нужно, это добавить .employees для его работы. Надеюсь это поможет!

+0

Это работа !!! Спасибо, что так – francoleung

Смежные вопросы