在Codeigniter/Bootstrap中無頁面刷新加載頁面內容

Question

我在包含引導程序的標題部分創建了一個管理面板，當我點擊任何導航欄選項（ul-> li-> a）整個頁面混亂並重新加載我想用ajax的hllp（即不刷新頁面）順利加載它。 我怎麼能實現我已經嘗試過在網中提供的各種材料，但它不會幫助。

我對ajax的知識有限。

請幫

Answer 1

通常我想你已經使用jQuery的。這將是最簡單的。 https://jquery.com

您需要有一個只返回頁面部分（需要加載）的後端。或者使用（不推薦）$ .load

http://api.jquery.com/load/

如果你有後端返回你的頁面的一部分：

var $container = $('#container'); // It's a block that will be used for content displaying 

// Renderring content 
function renderPage(response) { 
    // Wrapped content hidden by default 
    var $content = $('<div style="display: none">' + response + '</div>'); 
    // Then clear current content 
    $container.find('*').remove(); 
    // Then append our response and fade it to display 
    $content.appendTo($container).stop(true, true).fadeIn(300); 
} 

// Loading page 
function loadPage(url, params) { 
    $.get(url, (params||{}), renderPage); 
} 

// Adding handler 
function go(e) { 
    loadPage($(e).attr('href')); 
    return false; 
} 

然後在您的項目：

<ul> 
    <li><a href="/some/page.html" onclick="return go(this);">Page</a></li> 
</ul>