AJAX POST 請求攜帶 Cookie 進行 API 登入驗證

問題場景

呼叫 https://api.iotfuns.net/login，預設帳號 123456/123456，需解析回應 Cookie 並讀取 USER 值。

jQuery 實作

$.post("https://api.iotfuns.net/login",
    { phone_number: "123456", password: "123456" },
    function (data) {
        alert($.cookie("USER")); // 需引入 jquery.cookie.js
    }
);

關鍵點

1. 跨域 Cookie：瀏覽器預設阻擋第三方 Cookie，需確認 API 回應含 Access-Control-Allow-Credentials: true 且 Access-Control-Allow-Origin 非 *。
2. 前端設定：AJAX 需加 xhrFields: { withCredentials: true }（jQuery $.ajax 才支援，$.post 需改用 $.ajax）。
3. Cookie 讀取：$.cookie 非 jQuery 內建，需額外載入 jquery.cookie.js 或改用 document.cookie 解析。

完整 $.ajax 範例

$.ajax({
    url: "https://api.iotfuns.net/login",
    method: "POST",
    data: { phone_number: "123456", password: "123456" },
    xhrFields: { withCredentials: true },
    success: function (data, textStatus, jqXHR) {
        // 從回應標頭 Set-Cookie 解析或 document.cookie 讀取
        console.log(document.cookie);
    }
});