我正在构建一个XDK应用程序,
在xampp工作得很好并修复了标题问题,上传到实时服务器后ajax调用无效,我收到此错误
在xampp工作得很好并修复了标题问题,上传到实时服务器后ajax调用无效,我收到此错误
XMLHttpRequest cannot load http://watanydemo.eb2a.com/Metawe3/action/get?_=1451186106865. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. index.html:92 {"readyState":0,"status":0,"statusText":"error"}
虽然我通过所有方式设置标题,但仍将原点设置为null
public function get() { $this->load->model('Name_model'); $result = $this->Name_model->read_names(); header('Access-Control-Allow-Origin: *'); header('Content-type: application/json'); echo json_encode($result); }
NB我的后端是Codeigniter
我的Ajax调用是
<script type="text/javascript"> $(document).ready(function() { $('#loading-image').show(); try { $.ajax({ type: "GET",url: "http://watanydemo.eb2a.com/Metawe3/action/get",crossDomain: true,contentType: "application/x-www-form-urlencoded",async: true,dataType: 'json',processData: false,cache: false,success: function (response) { alert("valid response"); for (var i = 0,res = response.length; i < res; ++i) { var picture = response[i].picurl; var name= response[i].name; $("#row").append('<div class="col-md-4"><h1>'+name+'</h1><img id="pic" class="thumbnail img-responsive" alt="Bootstrap template"src="'+picture+'" />'+'<div class="well"></div></div>'); } },complete: function(){ $('#loading-image').hide(); },error: function (ErrorResponse) { console.log(JSON.stringify(ErrorResponse)); } }); } catch (error) { console.log(JSON.stringify(error)); } }); </script>
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。