Loop Function Javascript

Question

I am newbie in javascript, I want to do looping normally use "for". I would like to duplicate this script about 10 ... how loop this script?

function getComboMotif1() {
    $.get("file.php?opt1=" + $("#id1"), function (data) {
        $("#asd1").html(data);
    });
}

The manual Loop script like this !!

function getww1() {
    $.get("file.php?opt1=" + $("#id1"), function (data) {
        $("#asd1").html(data);
    });
}

function getww2() {
    $.get("file.php?opt1=" + $("#id2"), function (data) {
        $("#asd1").html(data);
    });
}

function getww3() {
    $.get("file.php?opt1=" + $("#id3"), function (data) {
        $("#asd1").html(data);
    });
} //and further

@JaromandaX parallel... my only issue in the loop, the loop parameter name getww1, getww2...>>>getww10 — Wisnu
– Wisnu, Commented Nov 16, 2015 at 3:52
Why you want 10 different JS function for this. Instead of that go for single "funtion getww(number) " and pass required integer value like 1 to 10 while calling it. — vijayP
– vijayP, Commented Nov 16, 2015 at 3:58

Yoann · Accepted Answer · 2015-11-16 03:57:00Z

1

Something like that :

function getResource(which) {
    $.get('file.php?opt1=' + $('#id' + which), function (data) {
         $('#asd' + which).html(data);
    }
}

for (var i = 0, max = 3; i < max; i += 1) {
    getResource(i);
}

But your code contains a few oddities.

$('#id1') is a jquery object, so it can't be sent to the server as a string.
If you always replace the $('#asd1').html(data) in each callback, it will get overwritten each time you get an answer from the server. That's why I made it dynamic also.

answered Nov 16, 2015 at 3:57

Yoann

3,0801 gold badge28 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

tkellehe · Accepted Answer · 2015-11-16 11:34:56Z

0

If you need it to just run through a forloop, then start at 1 in order to accommodate your name and id.

for(var i = 1; i <= 10; ++i)
        $.get("file.php?opt1=" + $("#id" + i),    function (data) {
            $("#asd1").html(data);
    });

Now since get is asynchronous, each one will not wait for the other to complete.

If you need each function to be created, getww1 and such, then I recommend using eval to create those functions for you. But, that is very inefficient to do and should be avoided unless there is a specific requirement. Ex:

...
eval("(function () { return function "
     +fname+" (){"+
     codeAsString
     +"};})()"));
...

That will return the newly created function.

I hope this helps to some degree.

edited Nov 16, 2015 at 11:34

answered Nov 16, 2015 at 4:11

tkellehe

6695 silver badges11 bronze badges

Collectives™ on Stack Overflow

Loop Function Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related