AJAXでPOSTを実行すると「プレフライトの応答が無効です（リダイレクト）」

Question

AJAXを使用してPOSTを実行しようとするたびに「プリフライトの応答が無効です（リダイレクトされました）」というメッセージが表示されます。ブラウザ用のCORSプラグインをダウンロードしました。このプラグインで「GET」リクエストを実行することができます。

$(function(){ 
var $name = $("#nameTxtB"); 
var $order = $("#orderTxtB"); 
var $price = $("#priceTxtB"); 
var $link = "http://localhost:51834/CoffeeService.svc/addorder"; 

$("#addButton").on('click', function(){ 
var $try1 = $price.val(); 
var $parse = parseInt($try1); 
console.log($parse); 
var CoffeeOrders = { 
Name: $name.val(), 
Order: $order.val(), 
Price: $parse, 
    }; 
console.log(CoffeeOrders); 

$.ajax({ 
contentType : "application/json; charset=utf-8", 
dataType : 'json', 
type: 'POST', 
url: $link, 
data: CoffeeOrders, 

success: function(){ 
alert("Order was sucessfully created!"); 
}, 
    error: function(){ 
    alert("Something went wrong!"); 
     } 
    }); 
    }); 
}); 

Answer 1

サーバーは、そのような複雑な要求をしたい場合は、実際にCORSプリフライトプロトコルを実装する必要があります。それは標準で説明されています：https://fetch.spec.whatwg.org/#http-cors-protocol。