jQuery: Loading an external page using AJAX, then calling insertAfter() into table row

Question

I'm trying to load some content into a table using insertAfter(), but the content I'm trying to load is html (output from an asp.net page) that I'm getting using AJAX.Load().

From my understanding, insertAfter() works like this: $("htmlcodehere").insertAfter("selector"). AJAX.Load() works like this: $("selector").load("Html/file"). How would I merge these two so that it loads the html (perhaps without adding it to any existing element?) then inserts that data using insertAfter()?

Bara

Answer 1

You can use the $.get or $.post to get the html and add a function on success that uses the insertAfter function to inject the code into the table

Answer 2

You could use JQuery's $.get like this:

$.get("html/file", {}, function(obj) {
    htmlData = obj.data;
    $(htmlData).insertAfter("selector");
}, "html");

Answer 3

I try to explain me better with another answer:

$(document).ready(function(){ //If yuo want to load it immediatly. Anyway you execute this code after an event
    $.get("file.html", //Make an ajax request to this file
          function(data){ //data is the file.html content
             $("table").append(data); //Or other operations like this to inject the html content into the table
          })
})

Answer 4

Thanks to some help from mck89, this is what I ended up using:

           $.ajax({
              url: "/test2.html",
              cache: false, 
              success: function(data, data2) {
                 if (data2 == "success")
                 {
                    $(data).hide().insertAfter(row);
                 }
              }
           });

Thanks a lot for the help!

Bara