.Net Core Web Api_笔记07_HTTP资源操作模式OPTIONS

[HttpOptions] 用於获得自URI的资源在Request/Response过程可使用的功能选项。
，跟HTTP Head有点类似但差异在於会回传Body内文，属於HTTP请求中的Preflight Request (预检请求)类型。

主要使用情境跟时机在於client端再进行请求资源之前可先做提前检查来判定要做何种措施，
可对ajax跨域请求Cross-Origin Resource Sharing (CORS)做一些提前检查。

由於Preflight Request (预检请求)再请求发送时候符合的语法格式如下

Access-Control-Allow-Methods: <method>, <method>, ...

或

Access-Control-Allow-Methods: *

举例:

Access-Control-Allow-Methods: POST, GET, OPTIONS

需要先至Startup.cs做一些程序调整，来启用Api Server-Side的Options功能。

首先需要引入Microsoft.AspNetCore.Http 命名空间

using Microsoft.AspNetCore.Http;

接着至Startup.cs中的Configure() method去对UseStaticFiles()做程序微调

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }

    //启用静态资源可存取性
    app.UseStaticFiles(new StaticFileOptions()
    {
        OnPrepareResponse = _context =>
        {
            _context.Context.Response.Headers.Append("Access-Control-Allow-Methods", "GET,POST");
        }
    });
    app.UseRouting();
    

    app.UseAuthorization();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllers();
    });
}

我们在Response Header增加自定义的Key-Value Pair
允许HTTP透过GET、POST来请求

在TeacherController.cs中去增加option 的action method

[HttpOptions("check")]
public string CheckServer()
{
    return "from Server message";
}

接着一样新增一html页面来模拟client-side 呼叫
OptionsTeacher.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Options测试</title>
    <script src="jquery/jquery.min.js"></script>
</head>
<body>
    <div>
        <input type="button" id="btnOptions" value="options call" />
        <span id="msg"></span>
    </div>

    <script type="text/javascript">
        $("#btnOptions").click(function () {
            $.ajax({
                //请求模式
                type: "options",
                //请求的URL
                url: "api/Teacher/check",
                success: function (result, status, xhr) {
                    $("#msg").html(result);
                }
            });
        });
    </script>
</body>
</html>

这里在执行第一次页面GET请求时会发现
Network这增加一些额外Header资讯

之前的其他页