Open multiple dynamic links with the same ajax call

Question

I am displaying multiple dynamic links which use the same , ajaxloads the content on the first link fine but doesn't work for the rest of them. How can I get it to load the content of other links in the same div?

Html:

$string .= '<a id="hrefid" data-id="'.$name["id"].'" href="link" >'.$name["name"].'</a>'.
<div id="content"> </div>

Jquery:

$('#hrefid').on('click', function (e) {
    var load = $(e.target).attr("href");
    if(load == "#link") {
        $.ajax({
            type: 'post',
            url: "/page/test/"+id,
            complete: function (event) {
                $("#content").contents().remove();
                $("#content").append(event.responseText);
            }
        });
    }
    });

Try using success instead of complete. Or have you already tried that? — Andros Rex
– Andros Rex, Commented Jul 7, 2016 at 3:56
I tried it, when i use success it doesn't even load the content of one link that is working — DN0300
– DN0300, Commented Jul 7, 2016 at 3:58
Strange... what is the value of event.responseText? (with complete, not with success) — Andros Rex
– Andros Rex, Commented Jul 7, 2016 at 4:01

madalinivascu · Accepted Answer · 2016-07-07 04:07:21Z

3

Change the id to a class, remove # from the if statement

$string .= '<a class="hrefid" data-id="'.$name["id"].'" href="link" >'.$name["name"].'</a>'.
<div class="content"> </div>

$('.hrefid').on('click', function (e) {
    var el = $(this);
    var load = $(e.target).attr("href");
    if(load == "link") {
        $.ajax({
            type: 'post',
            url: "/page/test/"+id,
            success: function (event) {
                el.next().empty();
                el.next().append(event.responseText);
            }
        });
    }
    });

answered Jul 7, 2016 at 4:07

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

Open multiple dynamic links with the same ajax call

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related