Jump to content
  • 0

вывести значения из массива json


cyklop77
 Share

Question

помогите пожалуйста вывести значения title из json-массива

 

моя попытка:

(function (jQuery){    var json = {        "news": [{            "img": "http://static3.www.net/img/300x300/2257740.jpeg",            "title": "qwerty1",            "url": "http://news.net.www.ru/newdata/adclick?ad=674134&bl=80802&ct=adpreview&st=16&in=YK2NFgCJu2FWSQoAjkkKAIhJCgBhSQoAfkkKAGJJCgA%3D&ag=19",            "id": "674134"        }, {            "img": "http://static5.www.net/img/300x300/2257778.jpeg",            "title": "qwerty2",            "url": "http://news.net.www.ru/newdata/adclick?ad=674190&bl=80802&ct=adpreview&st=16&in=YK2NFgCJu2FWSQoAjkkKAIhJCgBhSQoAfkkKAGJJCgA%3D&ag=19",            "id": "674190"        }, {            "img": "http://static3.www.net/img/300x300/2257776.jpeg",            "title": "qwerty3",            "url": "http://news.net.www.ru/newdata/adclick?ad=674184&bl=80802&ct=adpreview&st=16&in=YK2NFgCJu2FWSQoAjkkKAIhJCgBhSQoAfkkKAGJJCgA%3D&ag=19",            "id": "674184"        }, {            "img": "http://static2.www.net/img/300x300/2257748.jpeg",            "title": "qwerty4",            "url": "http://news.net.www.ru/newdata/adclick?ad=674145&bl=80802&ct=adpreview&st=16&in=YK2NFgCJu2FWSQoAjkkKAIhJCgBhSQoAfkkKAGJJCgA%3D&ag=19",            "id": "674145"        }, {            "img": "http://static1.www.net/img/300x300/2257766.jpeg",            "title": "qwerty5",            "url": "http://news.net.www.ru/newdata/adclick?ad=674174&bl=80802&ct=adpreview&st=16&in=YK2NFgCJu2FWSQoAjkkKAIhJCgBhSQoAfkkKAGJJCgA%3D&ag=19",            "id": "674174"        }, {            "img": "http://static3.www.net/img/300x300/2257750.jpeg",            "title": "qwerty6",            "url": "http://news.net.www.ru/newdata/adclick?ad=674146&bl=80802&ct=adpreview&st=16&in=YK2NFgCJu2FWSQoAjkkKAIhJCgBhSQoAfkkKAGJJCgA%3D&ag=19",            "id": "674146"        }]    }    //console.log(JSON.parse(json));    jQuery.each(JSON.parse(json), function(idx, obj) {       alert(idx + '__' + obj.news.title);    });})($);

выдаёт:
 

 Uncaught SyntaxError: Unexpected token o

jsfiddle

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

jQuery.each(JSON.parse(json).news, function(idx, obj) {   console.log(obj.title);});
В целом @Sergik+ правильно говорит - лучше юзать шаблонизатор и забыть про разметку в js коде. Однако, как только тебе потребуется навешивать/удалять обработчики событий, извлекать/обрабатывать данные форм, опять столкнешься с проблемой (дата-биндинг/двойной дата-биндинг). Поэтому я использую ангуляр.

Сейчас еще реакт популярен. Говоря он шустрее в плане рендеринга. Но его надо уметь готовить =)

Т.о., по хорошему, и на клиенте и на сервере должен быть MV* паттерн. Или Flux в случае с реакт.

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By cyklop77
      помогите пожалуйста исправить блок
       
      на страничке выводятся четыре новости. проблема в том, что перед первой новостью выводится надпись 'undefined'. хотелось бы от неё избавиться
    • By Ivan-P
      Добрый день.
      Развиваюсь во front-end направлении, но все чаще для изучения нового, или создания действительно функционирующего приложения требуется функционирующее back-end хранилище данных . Вот например, сделал я игры змейка/морской бой и нужно хранить "рекорды игры". Или хочу потренировалься в использовании Ангуляга есть идея по созданию вариации функционирующего TODO-list-a, и нужно где-то хранить данные.
      Желания, по крайней мере сейчас, влезать на месяц-два в дебри PHP, нет никакого. Как выйти из этой ситуации, может есть какие-то back-end-сервисы для таких целей, или готовые наборы серверных скриптов?
      Заранее спасибо за ответы.
    • By Andryshok
      Не подскажет ли кто, разбираю json обект так
      $result = json_decode($result);echo '<pre>'.print_r($result, true).'</pre>';Получаю вот такую кухню
      stdClass Object( [240] => текст1 [38] => текст2 [82] => текст3Как разобрать это дело чтоб получить отдельно в переменную
      240 и во вторую переменную текст1, 240 - значения всегда разные по ключу массива не получится, должно быть каке то простое решение по идее
    • By cyklop77
      прошу помощи в исправлении мистической ситуации
       
      суть в том, что функция success(data) аякс-запроса получает ответ в виде следующего массива:
      [{"pk": 2, "model": "app_accounts.userprofile", "fields": {"phone": "21", "other": "<p>qqqqqqdfgdfg</p><p><b>fdg</b></p>", "user_permissions": [], "avatar": "", "skype": "dfsdf", "gender": 2, "groups": []}}] требуется вывести в консоль следующие значения:
      data[0].pkdata[0].modelпроблема в том, что в моём случае консоль выводится undefined. вот скриншот. вот код:
      $.ajax({ url: "/search_author/", type: 'POST', dataType:"json", data: { "author": $('#formSearchAuthorWord').val(), "csrfmiddlewaretoken": $.csrf_token }, success: function(data) { console.log(data) console.log(data[0].pk) console.log(data[0].model) }});  
    • By cyklop77
      помогите пожалуйста разобраться с возвратом ответа в формате json
       
      для примера приведу код на python, но сам язык не принципиально важен. проблема в том, что ajax-запрос возвращает значение undefined
       
      я делаю аякс-запрос:
      $("#login_submit").click(function(event){ $.ajax({ url: "/check/", type: 'POST', dataType:"html", data: { "aa": aa, "csrfmiddlewaretoken": $('#loginForm input[name=csrfmiddlewaretoken]').val() }, error: function() { alert('Ошибка получения запроса'); }, success: function(dat) { alert(dat.result + '::' + dat); } }); });функция, которая возвращает ответ в формате json:
      def check(request): data = {'result': 'qwerty',} return HttpResponse(json.dumps(data), content_type='application/json') в результате получаю сообщение:undefined :: {'result': 'qwerty'}но ожидаю получить:
      qwerty :: {'result': 'qwerty'} 
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy