Форум

K_PECT · #1 (**permalink**) 10.01.2016, 22:31

Всем привет!
Не пинайте пожалуйста за то, что нуб.
Помогите правильно вывести на страницу полученный 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");

Не получается

рони · #2 (**permalink**) 10.01.2016, 22:39

K_PECT,
исправьте кавычки в 7 строке может всё и заработает

K_PECT · #3 (**permalink**) 10.01.2016, 22:42

это пример я приводил и ошибся.
А так json без ошибок приходит

рони · #4 (**permalink**) 10.01.2016, 22:55

K_PECT,
9 строка jsondata.date

рони · #5 (**permalink**) 10.01.2016, 22:56

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>

K_PECT · #6 (**permalink**) 11.01.2016, 22:22

рони, как всегда выручаете! Без лишних слов! Спасибо огромное!

Форум

Справочник

Discord чат

Курсы javascript