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

时间:2012-08-03 12:27:15

标签: jquery jquery-plugins

可以修改此代码

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));
        },

1 个答案:

答案 0 :(得分:1)

如果您要将从ajax服务器页面获取的响应加载到ID为dvShiftDialog的div,则可以使用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,所以你可以简单地使用加载方法)

假设你的HTML是这样的

     

 

现在您可以让此脚本加载一些其他内容

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

确保已将jQuery加载到页面。