在 jQuery 中通过 AJAX 加载内容（CodeIgniter 视图）

Question

我在这个链接找到了一个关于如何在 jQuery 中使用 AJAX 的好例子： http://yensdesign.com/2008/12/how-to-load-content-via-ajax-in-jquery/

我将index.html 文件中的内容添加到我的view.php 文件中（我正在使用CodeIgniter）。

一切看起来都不错，但是当您想切换到另一个部分时，页面内容不会改变（显示与之前相同的内容）。

我认为可能有问题，menu.js 文件将数据传递给 CodeIgniter view.php 文件？

你能给我一些关于如何解决这个问题的建议吗？我希望这对其他人也有帮助。

Menu.js 文件：

$(document).ready(function(){
//References
var sections = $("#menu li");
var loading = $("#loading");
var content = $("#content");

//Manage click events
sections.click(function(){
    //show the loading bar
    showLoading();
    //load selected section
    switch(this.id){
        case "home":
            content.slideUp();
            content.load("sections.html #section_home", hideLoading);
            content.slideDown();
            break;
        case "news":
            content.slideUp();
            content.load("sections.html #section_news", hideLoading);
            content.slideDown();
            break;
        case "interviews":
            content.slideUp();
            content.load("sections.html #section_interviews", hideLoading);
            content.slideDown();
            break;
        case "external":
            content.slideUp();
            content.load("external.html", hideLoading);
            content.slideDown();
            break;
        default:
            //hide loading bar if there is no selected section
            hideLoading();
            break;
    }
});

//show loading bar
function showLoading(){
    loading
        .css({visibility:"visible"})
        .css({opacity:"1"})
        .css({display:"block"})
    ;
}
//hide loading bar
function hideLoading(){
    loading.fadeTo(1000, 0);
};

});

来自 javascript 的动画正在运行 (loading/content/sections) ，但实际内容并未从 html 文件中加载。

正如我所说，这个脚本似乎无法将内容加载到 view.php 文件（即 CodeIgniter 'view' 文件）

非常感谢任何帮助。

Answer 1

CodeIgniter 需要服务于sections.html 和external.html。默认情况下不会这样做。

假设view.php 用于URL http://example.com/index.php/mycontroller/view，那么jQuery 将发送对以下URL 的请求。

http://example.com/index.php/mycontroller/sections.html
http://example.com/index.php/mycontroller/external.html

除非您告诉 CodeIgniter 对这些请求执行什么操作，否则 CodeIgniter 将返回 404 并且您的页面内容不会更新。