用 jQuery.ajax 加载页面，怎么样？答案

【问题标题】：load a page with jQuery.ajax, how is it?用 jQuery.ajax 加载页面，怎么样？
【发布时间】：2011-10-09 11:12:27
【问题描述】：

为什么在点击后这段代码不显示（或不加载）mysite.html？

$('#icon a').click(function (event) {
    event.preventDefault();
      $('.table_show, #num_count, #select_box, #input_search').fadeOut('slow', function () {
        $.ajax({
            url: url,
            cache: false,
            success: function(html){                
            $(".results").append(html);
            $(this).hide().show();
            //$.getScript("http://localhost/Siran-mehdi/files/js/admin.js"); 
            }
        });
        //.hide().show("slow")
    });
});

【问题讨论】：

什么是网址？如果不是同源，则不会加载
可能是一百种不同的原因中的任何一种。你有任何错误吗？

标签： javascript jquery jquery-selectors

【解决方案1】：

$(".results").load('mysite.html');

当然mysite.html 必须与脚本在同一个文件夹中，或者您可以使用完整的 url（始终限制为同源策略）'http://www.yoursite.com/mysite.html'

你也可以用 .ajax 方法来做，.load 方法只是让它变得简单。

$.ajax({
  url: "mysite.html", //or full url http://...
  success: function(data){
    $('.results').html(data);
  }
});

在.load方法中你也可以设置回调函数：

$(".results").load('mysite.html', myCallback);

你应该看看jQuery API，http://api.jquery.com/jQuery.ajax/

【讨论】：

我不能用 $.ajax() 做到这一点？
没有。使用 ajax 你必须使用服务器端脚本来处理响应。

【解决方案2】：

您只需要使用.load() 插件..

【讨论】：