No datas getting value from each

Question

I have the following code:

function get() {
  var item = '<li class="is-loading">';
  
  $.getJSON(urlJson, function(data){
    $.each(data, function(k,v){
     item = v['title']; // What I need to return
      console.log(url); // See? Here there is the content
    });
  });
  
  console.log('Item: ' + item); // See? Nothing else here is being returned like before
  return item;
}

And the problem is: the return is empty. Inside of each it looks like the value is not goint to title. Any suggestion?

@AbdulAhmad it's something like: [ { "title": "Title here" } ] — nncl, Apr 24 '15 at 15:16
I'm not an expert in this, but did you try `$(data).each(function() {});`? — Abdul Ahmad, Apr 24 '15 at 15:19
@AbdulAhmad The point is the data is completely irrelevant to the problem at hand. — Etheryte, Apr 24 '15 at 15:22
@Nit I see, here's the jQuery page on the getJson function, you need to pass the "title" as a parameter to the function http://api.jquery.com/jquery.getjson/ — Abdul Ahmad, Apr 24 '15 at 15:23
Updated code and still not working: function get() { var url = '

score -1 · Answer 1 · answered Apr 24 '15 at 15:25

-1

Inside each loop, it is v['title'], not data['title']. Assuming the json data as

{"titles":[
    {"title":"title 1"},
    {"title":"title 2"},
    {"title":"title 3"}
]}

The following piece of code works

$.getJSON(jsonFile, function(data){
   $.each(data['titles'], function(k, v){
        title += v['title'];
   });
});

answered Apr 24 '15 at 15:25

S.Sreeram

225
1
8

Updated code and still not working: `function get() { var url = '
'; $.getJSON(urlJson, function(data){ $.each(data, function(k,v){ url = v['title']; // What I need to return console.log(url); // See? Here there is the content }); }); console.log('URL: ' + url); // See? Nothing here is being returned like before return url; }`

nncl

Apr 24 '15 at 18:35

1

It is because, the return happening before to getJson. getJSON is asynchronous, better use $.ajax with async set to false – S.Sreeram Apr 24 '15 at 18:47

the return is `undefined`: ` function get() { var item = ''; item += myFunc(); console.log(item); return item; } function myFunc() { $.ajax({ async: false, success: function(data) { $.getJSON(jsonUrl, function(data){ $.each(data, function(k, v){ return v['title']; }); }); } }); } ` – nncl Apr 24 '15 at 19:04

var jsonUrl = 'myJson.json'; var item = ''; function myFunc() { $.ajax({ async: false, url: jsonUrl, type: 'get', success: function(data) { $.each($.parseJSON(data)['titles'], function(k, v){ item += v['title']; }); } }); return item; } console.log(myFunc()); – S.Sreeram Apr 25 '15 at 04:00

It works, but the the result goes to var item. I need to push the title value to some tag, so I need to each title goes to a tag. For example: on json that you gave as example there are 3 `title`, I need to show on HTML the following: `

title 1

` `

title 2

` `

title 3

`. How can I do this? – nncl Apr 27 '15 at 11:40

– S.Sreeram Apr 27 '15 at 11:55

No datas getting value from each

1 Answers1