javascript - 跨域资源共享 : No 'Access-Control-Allow-Origin' header - but php sets header file

Question

我知道有一些关于 cors 的问题已经被提出/回答...但我没有找到解决我的问题的方法...

我在 js 应用程序中收到以下错误消息(基于 jquery/jquery mobile):

无法加载资源:服务器响应状态为 500(内部服务器错误)

XMLHttpRequest 无法加载 http://www.mydomain.de/api.php 。请求的资源上不存在“Access-Control-Allow-Origin” header 。因此，不允许访问原点“xyz”。响应的 HTTP 状态代码为 500

PHP 文件开头为:

<?php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS");
header("Access-Control-Max-Age: 86400");    // cache for 1 day
...

部分js代码:

$.ajax({
 type:      'POST',
 crossDomain: true,    
 cache:         false,
 url:       "http://www.mydomain.de/api.php",
 data:      payload,
 dataType:  'json',
 success:   function(a,b,c) { }
});

php 页面托管在 strato.de/php 版本 5.7

有什么解决办法吗？

Answer 1

您可以将数据类型用作 JsonP

 dataType: 'jsonp'

那么你就不会收到错误