【问题标题】:jQuery: Loading an external page using AJAX, then calling insertAfter() into table rowjQuery:使用 AJAX 加载外部页面,然后将 insertAfter() 调用到表行中
【发布时间】:2010-11-23 18:24:28
【问题描述】:

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

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

巴拉

【问题讨论】:

    标签: asp.net javascript jquery html ajax


    【解决方案1】:

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

    【讨论】:

    • 我尝试过这样的事情,但它没有将 html2 文件插入到正确的位置。换句话说,我如何让它插入跨度之间? $("
      ").hide().insertAfter(row).load("/test2.html");巴拉
    • 如果你给 span 一个 id,那么你可以使用 $("#spanId").html("htmlcode")
    • 我不知道我是否明白你想要做什么,但如果你想在跨度之间添加 html 内容,你可以这样做:$("
      "+data+"
      ") where ' data' 是传递给成功函数的参数,其中包含 ajax 响应
    • 我不确定我是否理解,htmlcode 来自哪里? ajax 加载什么时候完成?
    • HTML 代码来自您使用 ajax 请求的文件。使用 $.get 或 $.post 函数,您可以指定请求完成时将执行的函数,此函数接收一个参数(第一个),即 html 文件源代码,因此在此函数中插入第一个参数(包含html代码)到表中
    【解决方案2】:

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

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

    【讨论】:

      【解决方案3】:

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

      $(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
                })
      })
      

      【讨论】:

        【解决方案4】:

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

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

        非常感谢您的帮助!

        巴拉

        【讨论】:

          猜你喜欢
          相关资源
          最近更新 更多
          热门标签