Вывести полученный json
Всем привет!
Не пинайте пожалуйста за то, что нуб. Помогите правильно вывести на страницу полученный json. Данный приходят вида:
{
"data":"01.01.2016",
"time":"00.00",
"order":[
{"name":"Петя","size":"1111"},
{"name":"Катя","size":"2222"},
{"name":null",size":null}
]
}
Пытаюсь вывести на страницу
$.ajax({
type: "POST",
url: "",
dataType:"json",
data: (data),
success: function (jsondata) {
$('.time').html(jsondata.time);
$('.date').html(jsondata.date);
for (i in jsondata.order) {
if (jsondata.order.name != null) {
$('.name').html('<div>'+jsondata.order[i].name+'</div> <div>'+jsondata.order[i].size+'</div>');
}
}
}
}).appendTo("#results");
Не получается:( |
K_PECT,
исправьте кавычки в 7 строке может всё и заработает |
это пример я приводил и ошибся.
А так json без ошибок приходит |
K_PECT,
9 строка jsondata.date |
K_PECT,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.name {
background: #FFCC00;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var data = {
"data":"01.01.2016",
"time":"00.00",
"order":[
{"name":"Петя","size":"1111"},
{"name":"Катя","size":"2222"},
{"name":null,"size":null}
]
};
function success(a) {
$(".time").html(a.time);
$(".data").html(a.data);
$.each(a.order, function(a, b) {
b.name && $("<div>", {
"class": "name"
}).html("<div>" + b.name + "</div> <div>" + b.size + "</div>").appendTo("#results")
})
};
success(data)
});
</script>
</head>
<body>
<div class="time"></div>
<div class="data"></div>
<div id="results"></div>
</body>
</html>
|
рони, как всегда выручаете! Без лишних слов! Спасибо огромное!
|
| Часовой пояс GMT +3, время: 10:44. |