javascript - 如何在 extjs6 中将 Ajax 发送到远程服务器？

Question

我正在客户端使用 Extjs-6.0.0 开发应用程序。我在端口 80 中运行客户端应用程序。我的服务器端应用程序在端口 8084 中运行。我想创建一个 Ajax 请求来向服务器发送请求，这个请求具有如下属性:

var json = {
    "@class": "ir.javan.geoad.entity.Melk",
    "title": "itsme",
    "description": "Hi all",
    "callPhone": "0912312312",
    "address": "ya ali",
    "accuracy": "MANTAQE",
    "user": {
        "email": "itsme.mm@gmail.com",
        "name": "asdf",
        "family": "asdf"
    }
};
Ext.Ajax.request({
    url: 'http://localhost:8084/GeoAd/ad/Add',
    useDefaultXhrHeader: false,
    method: "POST",
    cors: true,
    headers: {
        "Content-Type": "application/json"
    },
    jsonData: json,
    success: function(response){
        text = response;
    }
});

但这行不通。 我该怎么做？

Answer 1

因为您的服务器端应用程序在不同的端口上，除非您在响应中有相应的 Access-Control-Allow-Origin header ，否则对它的 AJAX 请求将不起作用。这是一个 CORS(跨域资源共享)的东西。

在这里阅读更多相关信息:http://dev.housetrip.com/2014/04/17/unleash-your-ajax-requests-with-cors/