chrome popup扩展不在api.php文件上发送数据

Question

我正在使用chrome popup扩展但没有数据发送到名为api.php的php文件。我已经在stackoverflow上搜索并找到了ajax相关内容但没有任何工作。我的popover.js文件使用了ajax.I使用$ _POST ['data']来获取api.php文件中的数据

var api_url = "https://localhost/psol/api.php";

window.onload = function () {
    $("#checkout_btn").click(function () {
        chrome.runtime.sendMessage({
            'btnClicked': true
        }, function () {});
    });

    chrome.runtime.onMessage.addListener(
        function (request, sender, sendResponse) {
            console.log(request);

            if (request.message === "show-loading") {
                $(".psol-button").addClass('hide');
                $(".psol-loader").removeClass("hide");
            }

            if (request.message === "hide-loading") {
                $(".psol-button").removeClass('hide');
                $(".psol-loader").addClass("hide");
            }

            if (request.message === "post-cart") {
                console.log(request.data);

                alert(JSON.stringify(request.data));

                chrome.runtime.sendMessage({
                    'postCartDone': true,
                    'redirectTo': api_url
                }, function () {});

                $.ajax({
                    url: api_url,
                    type: "POST",
                    data: request.data,
                    // data:{name:'uzair'},
                    success: function (result) {
                        // alert("all done");
                        console.log(1, result);
                    }

                }).done(function (result) {
                    console.log(2, result);
                    if (result.cartCount === 0) {
                        alert('There are no items in cart to checkout');
                    }else {
                        alert("this is also redirect");
                    }
                 });

            }

        });
};