Codeigniter ajax 没有“访问控制允许来源”

Question

...首先，我已经尝试了很多方法来解决这个问题。并没有给我带来任何结果...我已经尝试将此代码放在 .htaccess 上的控制器上，但没有任何反应...

访问控制允许来源：*

我真的不知道发生了什么，我需要显示它的 json 数据已经收到没有问题......这非常令人沮丧，所以请如果有人能给我一个解决方案，我会非常感谢它......我花 3 天时间试图解决这个问题。这是错误和代码...干杯。

XMLHttpRequest cannot load http://[::1]/papo/bodyface/admin/load_image. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.

AJAX JSON 对象

[{"IMAGE_ID":"11","IMAGE_NAME":"MUJER-GUANTES1.png","IMAGE_TITTLE":"veremos que onda","IMAGE_CONTENT":"un nuevo titulo para bodyface","IMAGE_TYPE":"1"},{"IMAGE_ID":"12","IMAGE_NAME":"tecnologia8.png","IMAGE_TITTLE":"","IMAGE_CONTENT":"","IMAGE_TYPE":"2"},{"IMAGE_ID":"16","IMAGE_NAME":"tecnologia71.png","IMAGE_TITTLE":"","IMAGE_CONTENT":"","IMAGE_TYPE":"2"},{"IMAGE_ID":"17","IMAGE_NAME":"tecnologia12.png","IMAGE_TITTLE":"","IMAGE_CONTENT":"","IMAGE_TYPE":"2"},{"IMAGE_ID":"18","IMAGE_NAME":"tecnologia4.png","IMAGE_TITTLE":"","IMAGE_CONTENT":"","IMAGE_TYPE":"2"},{"IMAGE_ID":"19","IMAGE_NAME":"tecnologia3.png","IMAGE_TITTLE":"","IMAGE_CONTENT":"","IMAGE_TYPE":"2"}]

AJAX 请求

$.ajax({
  url: baseurl+'admin/load_image',
  type: 'POST',
    function(data) {
        var p = JSON.parse(data);
        $.each(p, function(i, item) {

                if (item.IMAGE_TYPE == 1) {
                      $('.slides').append(

                          '<li>'+
                          '<img src="'+baseurl+'public/img/'+item.IMAGE_NAME+'">'+
                          '<div class="caption center-align">'+
                          '<h3>'+item.IMAGE_TITTLE+'</h3>'+
                          '<h5 class="light grey-text text-lighten-3">'+item.IMAGE_CONTENT+'</h5>'+
                          '</div>'+
                          '</li>');
                }

                if (item.IMAGE_TYPE == 2) {
                      $('.slider-for').slick('slickAdd','<div><img src="'+baseurl+'public/img/'+item.IMAGE_NAME+'"></div>');
                      $('.product').slick('slickAdd','<div><img style="max_height:10%;max_width:10%;" src="'+baseurl+'public/img/'+item.IMAGE_NAME+'"></div>');
                }
            });

            $('.slider').slider({
              full_width: true,
              height:     650,
              indicators: false
            }); //materialize slider initialization

    }
    });

HTML

<div class="slider">
                <ul class="slides">

                </ul>
        </div>

Answer 1

也许你可以尝试在类型的底部添加这个，crossDomain: true 如果你不是同一个网站