jquery - 如何在jquery的页面中加载html响应

Question

你能修改这段代码吗

var url = window.top.SAMGLOBALS.base_url + menuItemUrl;
console.log("AJAX post URL: " + url);

jQ.ajax({
    type : "POST",
    url : url,
    cache : false,
    success : function(msg) {
            console.log(msg);
            //jQ("<div></div>").attr('id', 'dvShiftDialog').appendTo('body');
            jQ('#dvShiftDialog').load(jQ(msg));
        },

Answer 1

如果您想使用 Id 将您从 ajax 服务器页面获得的响应加载到 div dvShiftDialog，您可以使用该html方法来执行此操作。

html方法将用新内容替换该元素的当前内部 html（在本例中为 msg 变量的内容）

 var url="some-valid-url-to-handle-ajax";
 $.ajax({
           type : "POST",
           url : url,
           cache : false,
           success : function(msg) {
               $('#dvShiftDialog').html(msg);
            }
        });

编辑：如果你想加载整个页面的内容，为什么不让容器 div 用load函数加载它，而不是进行 POST 调用？（我没有看到您将任何参数传递给 POST，因此您可以简单地使用 load 方法）

假设你的 HTML 是这样的

现在你可以让这个脚本加载一些其他内容到它

<script type="text/javascript">
$(function(){
  var url="some-awesome-page-content-url.php";
  $("divContainer").load(url);
});
</script>

确保您已将 jQuery 加载到页面。