javascript - jQuery ajaxがリクエストヘッダーに同じCookieを複数回追加したのはなぜですか?

Question

私は何時間もこれに閉じ込められていました.あなたが私を助けてくれるか、何か提案をしてくれるかどうか疑問に思っています.

簡単に言えば、私はasp.net Web APIアプリケーションを持っています.私のページの1つで、Web APIからいくつかのデータを読み込んでいくつかのドロップダウンリストに追加しようとしています. とにかく、ページの読み込み時にjQuery ajaxを使用します

$(document).ready(function () {
    //Fires when page loads
    LoadMachines();
    LoadMachieGroups();
    LoadPrinterServer();
    LoadSavePreference();
});

各関数は同様の仕事をします。たとえば、

 function LoadMachieGroups() {
        console.log("Before group " + document.cookie);
        $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            url: "/api/Machine/MachineGroups",
            //data: "{}",
            success: function (response) {
                OnMachinesGroupLoadSuccess(response);
            }
        });

        console.log("after group " + document.cookie);
    }

問題は、コードが 3 番目 (LoadPrinterServer) と 4 番目の関数 (LoadSavePreference) に実行されることです。要求ヘッダーは、異なる値を持つ同じ Cookie (DoxMachineId) を 3 回渡しました。(図を参照してください)、これにより、c# コードで正しい結果を見つけることができなくなります。

私の質問は次のとおりです。1.) 同じ Cookie がヘッダーに複数回追加されるのはなぜですか? これは、複数の ajax 呼び出しが原因ですか? 2.) どのように問題を解決しますか? 例: Cookie を削除しますか?

上級者に感謝します。