json - 无法接受 XDomainRequest POST 到 WebAPI

Question

我有一个 Controller 类，我可以在 API 上发起一个 Get 调用，但是当我尝试一个 POST 命令时，我得到 HTTP/1.1 415 Unsupported Media Type

有什么地方我必须允许 POST 吗？我将 [HttpPost] 放在方法前面，但没有成功。

public class initController : ApiController
{
    // GET api/<controller>
    public IEnumerable<string> Get()
    {
        return new string[] { "value1", "value2" };
    }

    // GET api/<controller>/5
    public string Get(int id)
    {
        return "value";
    }

    // POST api/<controller>
    [HttpPost]
    public string Post([FromBody]string value)
    {
        oTree myT = new oTree();
        myT.build(0);
        myT.entity.question = value;
        return JsonConvert.SerializeObject(myT);
    }

    // PUT api/<controller>/5
    public void Put(int id, [FromBody]string value)
    {
    }

    // DELETE api/<controller>/5
    public void Delete(int id)
    {
    }
}

Javscript 邮政编码:

function gpRequest(service, verb, oData, callback) {
if (bool_cantransmit) {
    bool_cantransmit = false;
    var xdr;
    var url = base_service_url + service + "/";
    if (window.XDomainRequest) // Check whether the browser supports XDR. 
    {
        xdr = new XDomainRequest(); // Create a new XDR object.
        if (xdr) {
            xdr.onerror = errorHandler;
            xdr.onload = callback;
            xdr.contentType = "application/json";
            xdr.open(verb, url);
            xdr.send(oData);
        }
    } else {
        var xhr = new XMLHttpRequest();
        xhr.onerror = errorHandler;
        xhr.onload = callback;

        xhr.open(verb, url, true);
        xhr.send(oData);
    }
}

Answer 1

在经历了类似的问题后，我决定把它写下来以备将来引用。

XDomainRequest 的问题在于它没有添加 Content-Type header 。这意味着 Content-Type 将默认为 application/octet-stream，没有默认的 MediaTypeFormatters。这会导致 API 拒绝带有 415 Unsupported Media Type 的请求。

一种可能的解决方法是假设 application/octet-stream 是 application/json。

创建一个新的 OctetStreamMediaFormatter 派生自 JsonMediaTypeFormatter 但也接受 application/octet-stream:

public class OctetStreamMediaFormatter : JsonMediaTypeFormatter
{
    public OctetStreamMediaFormatter()
    {
        SupportedMediaTypes.Add(new MediaTypeHeaderValue("application/octet-stream"));
    }
}

将新的格式化程序添加到您的配置中(例如在 Global.asax.cs 中)

GlobalConfiguration.Configuration.Formatters.Add(new OctetStreamMediaFormatter());

在你的ApiController中装饰适当的方法:

[HttpPost]
[EnableCors(origins: "*", headers: "*", methods: "POST")]
public HttpResponseMessage ExampleAction(ExampleModel model)
{
    if (ModelState.IsValid)
    {
        ...
    }
    ...
}

[EnableCors(...)] 将所需的 Access-Control-Allow-Origin header 添加到响应中。启用 CORS(例如在 WebApiConfig.cs 中):

config.EnableCors();

现在应该可以使用 XDomainRequest 发送和接收数据了。

function xdr(json) {

    if (!window.XDomainRequest) {
        console.log("Sorry, XDomainRequest not supported");
        return;
    }

    var xdr = new XDomainRequest();
    xdr.onerror = function () {
        console.log("Sorry, XDomainRequest.onerror()");
    };
    xdr.onload = function () {
        console.log(xdr.responseText);
    };
    xdr.open("POST", "ExampleApiController/ExampleAction");
    xdr.send(json);

}