用jQuery.ajax加载页面,怎么回事?

时间:2011-07-20 14:34:29

标签: javascript jquery jquery-selectors

为什么在点击不显示(或不加载)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")
    });
});

2 个答案:

答案 0 :(得分:1)

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

当然mysite.html必须与脚本位于同一文件夹中,或者您可以使用完整网址(始终限制为同一来源政策)'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/

答案 1 :(得分:0)

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