加載內容在頁面加載

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

加載內容在頁面加載

回答

相關問題