将 curl 代码转换为 ajax

Question

我正在编写一些代码来更新 MVC 5 视图中存储在 Stripe 上的信用卡的信用卡详细信息。

这是一个api参考：

https://stripe.com/docs/api/curl#update_card

引用正在使用 curl。我是否正确地说我可以对 curl url 进行 ajax 调用，它会达到与使用 curl 相同的结果？

我可以帮助我将 curl 代码转换为 ajax 调用吗？

这是卷曲代码：

POST https://api.stripe.com/v1/customers/{CUSTOMER_ID}/cards/{CARD_ID}

curl https://api.stripe.com/v1/customers/cus_5iRk16Lkf8knHW/cards/card_15X158B0kSXRxQJDzHdigbYq \
   -u sk_test_Z8pMCKSd34P8XLzrcbumkGZo: \
   -d name="Jane Austen"

这是我目前所拥有的：

function testAjaxFunction()
{
    $.ajax({
        type: "POST",
        async: true,
        url: 'https://api.stripe.com/v1/customers/cus_5iSot8lwZQS8ra/cards/card_15X1t6B0kSXRxQJDKmdGdLTC',
        data: {
            'name': "Jane Austen"
        },
        dataType: "json",
        error: function (data) {
            alert("error");
            alert(data);
        },
        success: function (data) {
            alert("success");
        }
    });
}

以上代码返回错误。

对于 ajax 请求，-u sk_test_Z8pMCKSd34P8XLzrcbumkGZo: \ 需要编码成什么？

提前致谢。

Answer 1

它不能单独使用 AJAX 调用。将alert("error"); 替换为alert(data.statusText);，您会看到它被跨域策略阻止。如果您通过 curl 在您的服务器上进行此操作，您可以为自己创建一个 API 来进行 AJAX 调用。 API 将是您的 curl 调用的 Web 界面，您可以将 AJAX 调用发布到它。您的 AJAX 调用看起来更像：

$.ajax({
    type: "POST",
    async: true,
    url: '/api/stripe/',
    data: {
        'name': "Jane Austen",
        'customer_id': "cus_5iSot8lwZQS8ra",
        'card_id': "card_15X1t6B0kSXRxQJDKmdGdLTC"
    },
    dataType: "json",
    error: function (data) {
        console.log(data);
    },
    success: function (data) {
        console.log(data);
    }
});