如何进行跨域ajax调用[重复]

Question

我可以访问一个 JSP 文件并采用 JSON 格式的 API。我正在尝试将这些数据从 JSP 页面获取到 PHP 脚本并处理它们，然后存储在我的 MySQL 服务器中。

JSON 字符串在我在几个 JSON Formatter 和 validator 在线检查的 JSP 页面中是有效的。

这是我用来从页面获取 JSON 数据的代码，但是每次我的 ajax 调用失败时。

$('#button').click(function(e){
var url = 'http://xxxxx:8080/StudentAPI/index.jsp';
$.ajax({
    url : url,
    dataType : 'json',
    success : function(response) {
        alert('Success');
    },
    error : function(request, textStatus, errorThrown) {
        alert(request+textStatus+errorThrown);
    }
});
e.preventDefault();
})

请帮助我，任何以更好的方式做的建议总是受欢迎的。

Answer 1

您正在进行跨域 ajax 调用。所以如果你像普通的ajax调用一样尝试它是行不通的。

一种方式是喜欢

1. 在您向其发出 ajax 请求的服务器端将“Access-Control-Allow-Origin”设置为“*”。

2. 然后使用设置变量中的“crossDomain”属性“true”进行jquery ajax 调用。

另一种方法是使用jsonp

根据您使用的服务器，您可以找到如何添加 cors in this article。

更新

她是a w3c article，它描述了如何在 java servlet 中配置 cors。请参阅在 Java servlet 中部分。

关键是给出 ajax 响应的服务器应该有 响应标头中的"Access-Control-Allow-Origin" 字段设置为"*"。