jQuery.getJSON within a for loop

I have something like:

           .
           . 
           $.ajax({
                url: 'testg',
                type: 'GET',
                data: 'somevar=' + somevar,
                dataType: 'json',
                  success: function (data) {
                    for (var i = 0; i < data.length; i++)
                    {
                        var item = data[i];
                        alert(item.dogname + " " + item.lastedit);
                    }
                },
           .
           . 
           .

Just quick example, but works.

I haven't used jQuery.getJSON, I use ajax like above.

Is this what you're trying to do?

$(document).ready(function() {
    $('.add-this-class-to-all-inputs').on('input', function() {
        $.getJSON('{{ route(json.controller) }}', { term : $(this).val() }, function(result) {
            console.log(result);
        });
    }
});

jlrdw: I implemented your code and it worked except variable still came out as undefined. I've been following the trail, and I've determined that is a problem with access properties within an ARRAY of OBJECTS.

Console lets me do this:

keys[1].product_id;

Console won't let me do this.

for( var h=0; h<keys.length; h++){
    keys[h].product_id;
}

Man this is a new language to me.

Scooby, I don't know if that's what I'm trying to do because I don't what it does. That's not how I understand the use of the variable 'this'. I am applying these event listeners to a somewhat large spreadsheet like-table and I need to create id's dynamically and reference them specifically and dynamically with event listeners.

The on "input" just listens for your input events:

$('.add-this-class-to-all-inputs').on('input', function() {...});

and within that function "this" refers to that particular input the events are taking place in.

I like the way you think, Scooby! I don't think it will work in my situation though. I might give it a try anyway.

why can't I iterate through an array of objects? Why does this work:

key[1].product_id

but this is always undefined.

key[i].product_id

You should be able to iterate though an array of objects.. There must be something strange with what you got going on because try this example:

var keys = [{product_id: 1}, {product_id: 2}];

for (var h = 0; h < keys.length; h++) {
    console.log(keys[h].product_id);
}

You should see ids 1 and 2 in the console..

What are you sending back from your controller do you need to send a Json response back.

Yes. I am think that this is something to do with jQuery. I did console.log to my iterator and before I add jQuery my iterator is an integer, after I add the event listener, my iterator because some conflagrated javascript object. I can console log my keys object outside jQuery but not inside.

If you're trying to log them to the console inside the jQuery event that's inside your for loop that's just not going to work.

I guess it had to do with nested functions. I don't know if JS supports nested functions but mine certainly didn't work. Un-nesting them fixed it. It's good because it makes it more difficult to write spaggheti code, but goodness! What a thing not to know when you really need to know it.

JLRDW: I was returning database results

I was also referring to how you return, in my small test:

    public function testg()
    {
        $dogid = Request::input('somevar');
        $dog = Dog::select('dogname', 'comments', 'lastedit')
                ->where('dogid', '<', $dogid)
                ->get()
                ->toArray();
        return Response::json($dog);

    }

Works for eloquent.

But toArray doesn't work direct with query builder, see https://laracasts.com/discuss/channels/guides/to-array

My controller is returning valid JSON.

the output of route('cats_and_dogs') is

[
    { 
    "owner":"One Good Cookie",
    "dog":"Carpet Madness",
    "cat":"Pepperoni the Nonviolent Cat" 
    }
]

What had always worked for me is using the toArray() first.

Then I can just loop as needed.

Just the way I learned it and it works.

I was able to loop through the getJSON response, and I was able to loop through the JSON object that I created to hold my selectors and keys, etc.

But once I got past a certain point, it was like the dog ate my homework.

so I have this object.

for(var i = 0; i < someArray.length; i++){

    var myKeys = new Object();

    myKey[i].selector = "#product_id" + i.toString();
    myKey[i].product_id = "product_id" + i.toString();

}

And then when I was accessing it in jQuery, it recognized the selector, but after that, it was like my object disappeared.

for(var i = 0; i < myKey.length; i++){

    $(myKey[i].selector).on('input', function(i){
        // the selector here worked
        document.getElementById(myKey[i].product_id).value = "Wow, this is a lot" + i.toString();
        // here my object suddenly became undefined.
    });
}

If you only get one result with first there is no looping see this example.

https://laracasts.com/discuss/channels/guides/jquery-get-response

Also I would skip that getJSON and just use ajax like the examples.

Just my opinion.

On my mobile now my laptop is going through a Windows 10 update will take a long time.

I have two or three other good examples of Json looping where it is different for a single row vs several rows.

But it can take a little trial and error to get it just right.

I had the same error with AJAX. It liked my code inside the loop. It just didn't like the loop. My controller worked fine. The problem was in my JS.

See example again

var item = data[i];
 alert(item.dogname + " " + item.lastedit);

First iteration i=1

Second iteration i=2

ETC.

So second iteration

data[i].dogname

Same as

item.dogname

You will get it just a little trial and error.

data[i] is row

dogname is field in row.