错误 404 getJson 在 Codeigniter 中检索本地 json 文件

Question

我正在尝试使用 CodeIgniter 和 $.getJson 在脚本的同一文件夹中加载 Json 文件。

我已经尝试在我的站点根目录和应用程序文件夹中更改 .htaccess 内容，将加载路径更改为

.$getJson("<?php echo base_url...")

没有任何效果。它总是显示相同的错误：

jquery.min.js:4 获取 http://www.my-site.com/index.php/admin_cotrol/shop_list.json 404（未找到）

这是我的脚本：

$(window).load(function() {
    $('#search').keyup(function() {
        var searchField = $('#search').val();
        var regex = new RegExp(searchField, "i");
        var output = '<div class="row">';
        var count = 1;
        $.getJSON("shop_list.json", function(data) {
            $.each(data, function(key, val) {
                if ((val.name.search(regex) != -1) || (val.location.search(regex) != -1)) {
                    output += '<div class="col-md-6 well">';
                        output += '<div class="col-md-7">';
                            output += '<h5>' + val.productName + '</h5>';
                            output += '<p>' + val.productPrice + '</p>'
                            output += '<p>' + val.ProductDiscount + '</p>'
                        output += '</div>';
                    output += '</div>';
                    if(count%2 == 0) {
                        output += '</div><div class="row">'
                    }
                    count++;
                }
            });
            output += '</div>';
            $('#show_results').html(output);
        }); 
    });
});

Answer 1

建议将文件移至根目录之外的新目录。

例如： /static/json/shop_list.json

然后你就可以使用：

$.getJSON("/static/shop_list.json", function(data) {

Answer 2

首先将您的 json 文件放在具有资产文件夹的根目录中..即 assets/shop_list.json。然后在 application/controller 中创建一个具有功能 loadjson() 的控制器另存为 Json.php

class Json extends CI_Controller
{

    function __construct()
    {
        parent::__construct();
        $this->load->helper('url'); //loads url helper
    }

    public function loadjson()
    {
        $this->load->view('json');
    }
}

在application/views 内部创建视图json.php 有脚本...

$(window).load(function() {
    var url = "<?php echo base_url('assets/shop_list.json');?>";
    $('#search').keyup(function() {
        var searchField = $('#search').val();
        var regex = new RegExp(searchField, "i");
        var output = '<div class="row">';
        var count = 1;
        $.getJSON(url, function(data) {
            $.each(data, function(key, val) {
                if ((val.name.search(regex) != -1) || (val.location.search(regex) != -1)) {
                    output += '<div class="col-md-6 well">';
                        output += '<div class="col-md-7">';
                            output += '<h5>' + val.productName + '</h5>';
                            output += '<p>' + val.productPrice + '</p>'
                            output += '<p>' + val.ProductDiscount + '</p>'
                        output += '</div>';
                    output += '</div>';
                    if(count%2 == 0) {
                        output += '</div><div class="row">'
                    }
                    count++;
                }
            });
            output += '</div>';
            $('#show_results').html(output);
        }); 
    });
});