Tại sao tôi nhận được yêu cầu TÙY CHỌN thay vì yêu cầu NHẬN?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script>
$.get("http://example.com/", function(data) {
     alert(data);
});
</script>

nó thực hiện một yêu cầu TÙY CHỌN cho URL đó và sau đó gọi lại không bao giờ được gọi với bất cứ điều gì.

Khi nó không phải là tên miền chéo, nó hoạt động tốt.

Không phải jQuery chỉ thực hiện cuộc gọi bằng một <script>nút và sau đó thực hiện cuộc gọi lại khi được tải? Tôi hiểu rằng tôi sẽ không thể nhận được kết quả (vì đó là tên miền chéo), nhưng điều đó ổn; Tôi chỉ muốn cuộc gọi đi qua. Đây có phải là một lỗi, hoặc tôi đang làm gì đó sai?

Theo MDN ,

Yêu cầu được chiếu trước

Không giống như các yêu cầu đơn giản (đã thảo luận ở trên), trước tiên, các yêu cầu "được chiếu trước" gửi tiêu đề yêu cầu HTTP TÙY CHỌN đến tài nguyên trên miền khác, để xác định xem yêu cầu thực tế có an toàn để gửi hay không. Các yêu cầu trên nhiều trang web được chiếu trước như thế này vì chúng có thể có liên quan đến dữ liệu người dùng. Cụ thể, một yêu cầu được nêu trước nếu:

• Nó sử dụng các phương thức khác ngoài GET hoặc POST. Ngoài ra, nếu POST được sử dụng để gửi dữ liệu yêu cầu với Loại nội dung không phải là application / x-www-form-urlencoding, Multipart / form-data hoặc text / plain, ví dụ: nếu yêu cầu POST gửi tải trọng XML đến máy chủ sử dụng application / xml hoặc text / xml, sau đó yêu cầu được chiếu trước.
• Nó đặt các tiêu đề tùy chỉnh trong yêu cầu (ví dụ: yêu cầu sử dụng một tiêu đề như X-PINGOTHER)

TÙY CHỌN là từ http://www.w3.org/TR/cors/ Xem http://metajack.im/2010/01/19/crossdomain-ajax-for-xmpp-http-binding-ADE-easy/ cho thêm một chút thông tin

Nếu bạn đang cố gắng POST

Hãy chắc chắn với JSON.stringifydữ liệu biểu mẫu của bạn và gửi dưới dạng text/plain.

<form id="my-form" onSubmit="return postMyFormData();">
    <input type="text" name="name" placeholder="Your Name" required>
    <input type="email" name="email" placeholder="Your Email" required>
    <input type="submit" value="Submit My Form">
</form>

function postMyFormData() {

    var formData = $('#my-form').serializeArray();
    formData = formData.reduce(function(obj, item) {
        obj[item.name] = item.value;
        return obj;
    }, {});
    formData = JSON.stringify(formData);

    $.ajax({
        type: "POST",
        url: "https://website.com/path",
        data: formData,
        success: function() { ... },
        dataType: "text",
        contentType : "text/plain"
    });
}

Tôi không tin rằng jQuery sẽ tự nhiên thực hiện một yêu cầu JSONP khi được cung cấp một URL như thế. Tuy nhiên, nó sẽ thực hiện một yêu cầu JSONP khi bạn cho nó biết nên sử dụng đối số nào cho một cuộc gọi lại:

$.get("http://metaward.com/import/http://metaward.com/u/ptarjan?jsoncallback=?", function(data) {
     alert(data);
});

Hoàn toàn tùy thuộc vào tập lệnh nhận để sử dụng đối số đó (mà không phải gọi là "jsoncallback"), vì vậy trong trường hợp này, hàm sẽ không bao giờ được gọi. Nhưng, vì bạn đã nói rằng bạn chỉ muốn tập lệnh tại metaward.com thực thi, điều đó sẽ làm cho nó.

Trên thực tế, các yêu cầu AJAX (XMLHttp) tên miền chéo không được phép vì lý do bảo mật (nghĩ về việc tìm nạp trang web "bị hạn chế" từ phía máy khách và gửi lại cho máy chủ - đây sẽ là một vấn đề bảo mật).

Cách giải quyết duy nhất là cuộc gọi lại. Đây là: tạo một đối tượng tập lệnh mới và trỏ src tới JavaScript phía cuối, đó là một cuộc gọi lại với các giá trị JSON (myFunction ({data}), myFunction là một hàm thực hiện một cái gì đó với dữ liệu (ví dụ: lưu trữ nó trong một biến).

Chỉ cần thay đổi "application / json" thành "text / plain" và đừng quên JSON.opesify (request):

var request = {Company: sapws.dbName, UserName: username, Password: userpass};
    console.log(request);
    $.ajax({
        type: "POST",
        url: this.wsUrl + "/Login",
        contentType: "text/plain",
        data: JSON.stringify(request),

        crossDomain: true,
    });

Tôi đã từng gặp vấn đề tương tự. Cách khắc phục của tôi là thêm các tiêu đề vào tập lệnh PHP của tôi chỉ xuất hiện khi ở trong môi trường dev.

Điều này cho phép các yêu cầu tên miền chéo:

header("Access-Control-Allow-Origin: *");

Điều này cho biết yêu cầu preflight rằng khách hàng có thể gửi bất kỳ tiêu đề nào họ muốn:

header("Access-Control-Allow-Headers: *");

Cách này không cần phải sửa đổi yêu cầu.

Nếu bạn có dữ liệu nhạy cảm trong cơ sở dữ liệu dev của bạn có khả năng bị rò rỉ, thì bạn có thể nghĩ hai lần về điều này.

Trong trường hợp của tôi, vấn đề không liên quan đến CORS kể từ khi tôi phát hành jQuery POST cho cùng một máy chủ web. Dữ liệu là JSON nhưng tôi đã bỏ qua tham số dataType: 'json'.

Tôi không có (tôi cũng không thêm) một tham số contentType như trong câu trả lời của David Lopes ở trên.

Nó trông giống như Firefox và Opera (cũng đã được thử nghiệm trên mac) không giống như tên miền chéo của điều này (nhưng Safari vẫn ổn với nó).

Bạn có thể phải gọi mã phía máy chủ cục bộ để cuộn trang từ xa.

Tôi đã có thể sửa nó với sự giúp đỡ của các tiêu đề sau

Access-Control-Allow-Origin
Access-Control-Allow-Headers
Access-Control-Allow-Credentials
Access-Control-Allow-Methods

Nếu bạn đang ở trên Nodejs, đây là mã bạn có thể sao chép / dán.

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin','*');
  res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
  res.header('Access-Control-Allow-Credentials', true);
  res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, PATCH');
  next();
});