在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>