ajax - 如何根据 javascript 在成功函数中返回的内容动态显示 div 内容？

Question

$.ajax({
        url :addToDo,            
          data: {"rest_name":camp_ID,
              "f_start_date":f_start_date,
              "f_end_date":f_end_date,
              "CMD":camp_ID},
          type: "GET",
          timeout: 20000,
          dataType: "text",
        success: function(data) {  
            $("#mydiv").load("<%=reportURL.toString()%>");
        }
    });
}

以下是我的 portlet 渲染标记：

<portlet:renderURL var="reportURL">
    <portlet:param name="jspPage" value="/htmlreport/report.html" />
</portlet:renderURL>

我有这个上面的 ajax 函数，并且在该函数成功后，我想用 html 页面的内容动态填充一个 div。它现在适用于一个静态页面。

所以任何人都可以指导我如何用成功功能填充 div。我的问题是，我怎样才能成功地用一个 html 页面填充 div。因为只有在 ajax 每次成功执行后才定义哪个 html 页面，每次函数都会生成不同的 html 文件。

Answer 1

我认为这应该有效：

success: function(data) {  
    $("#mydiv").load(data);
}

这data是您从服务器写回的内容。它可以是此评论中建议的 URL 。因此，这会根据您从服务器方法返回的内容而变得动态。

希望这可以帮助。