加载内容在页面加载

HTML：

<div class="content-class"></div>

JQuery的阿贾克斯：

$(document).ready(function() { 
    $(document).on("click", ".content-class", function(event) { 
     event.preventDefault(); 
     var post = $(this); 
     $.ajax({ 
      url: 'script.php', 
      type: 'POST', 
      data: { /* some data */ }, 
      success: function(data) { 
       // load content from php file into .content-class 
     }); 
    }); 
});

如何改变这种功能，使其加载内容从PHP文件转换为.content-class而不必点击它（以便在页面加载时完成）？

谢谢。

来源

2013-11-22 Bagwell

你试图把事件之外的ajax调用。你有很多'.content-class'吗？ – PSL

你是什么意思？ – Bagwell

这很简单，您使用PHP include并将文件包含在serverside脚本中，因为在第一个页面加载时使用ajax加载文件是没有意义的。 – adeneo

只需卸下click事件侦听器，并做了ajax直线距离：

$(document).ready(function() { 
    $.ajax({ 
     url: 'script.php', 
     type: 'POST', 
     data: { /* some data */ }, 
     success: function(data) { 
      // load content from php file into .content-class 
      $('.content-class').html(data); 
    }); 
});

来源

2013-11-22 22:21:59 David

为PSL说，只要将Ajax调用Click事件处理程序之外：

$(document).ready(function() { 
    $.ajax({ 
     url: 'script.php', 
     type: 'POST', 
     data: { /* some data */ }, 
     success: function(data) { 
      // load content from php file into .content-class 
    }); 
});

来源

2013-11-22 22:23:36

加载内容在页面加载

回答

相关问题