jQuery:使用AJAX加载外部页面,然后将insertAfter()调用到表行中

时间:2009-08-28 14:50:39

标签: asp.net javascript jquery html ajax

我正在尝试使用insertAfter()将一些内容加载到表中,但我正在尝试加载的内容是html(从asp.net页面输出)我正在使用AJAX.Load() 。

根据我的理解,insertAfter()的工作方式如下:$(“htmlcodehere”)。insertAfter(“selector”)。 AJAX.Load()的工作方式如下:$(“selector”)。load(“Html / file”)。我如何合并这两个以便它加载html(可能没有将它添加到任何现有元素?)然后使用insertAfter()插入该数据?

巴拉

4 个答案:

答案 0 :(得分:2)

我试着用另一个答案更好地解释我:

$(document).ready(function(){ //If you want to load it immediately. 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
          })
})

答案 1 :(得分:1)

您可以使用$ .get或$ .post来获取html并添加一个成功函数,该函数使用insertAfter函数将代码注入表中

答案 2 :(得分:0)

您可以像这样使用JQuery的$ .get:

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

答案 3 :(得分:0)

感谢mck89的一些帮助,这就是我最终使用的内容:

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

非常感谢您的帮助!

巴拉