时间戳

首页 > 解决方案 > 将 javascript POST 请求翻译成 Axios（使用 Stripe）

javascript - 将 javascript POST 请求翻译成 Axios（使用 Stripe）

问题描述

我正在与 React.js 上的 Stripe（开发支付系统）合作，我正在尝试将以下代码转换为 React.js 并使用 axios 创建从后端（Django）接收 POST 请求的端点：

var handler = StripeCheckout.configure({
  key: 'pk_test_zNq2YI8Spsyi81TknNujN36T',
  image: 'https://stripe.com/img/documentation/checkout/marketplace.png',
  locale: 'auto',
  token: function(token) {
    $.ajax({
      type: "POST",
      url: 'http://localhost:8000/subscriptions/codes/pay/',
      data: {amount: amount, token: token},
    });
  }
});

我被困在此链接的第 4 步：Stripe for React，它解释了 POST 请求，但他们使用的是 Express，而我使用的是 Django。

标签： javascriptdjangoreactjsstripe-paymentsaxios

解决方案

服务器端代码可以用任何语言/框架编写，只要它subscriptions/codes/pay/为您的前端帖子提供端点即可。

在Django中，您可以参考 [0] 处的文档，了解如何开始创建 REST API

一个非常简单的代码

定义你的路线

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index, name='index'),
    path('subscriptions/checkout', views.ElementView.as_view(), name="Stripe Checkout"),
    path('subscriptions/codes/pay', views.charge, name='charge'),
]

在您的视图定义中

from django.http import HttpResponse
from django.views.decorators.http import require_http_methods
from django.views.decorators.csrf import csrf_exempt

@require_http_methods(["POST"])
@csrf_exempt
def charge(request):
    # request.body will contain your data {amount: amount, token: token}
    return HttpResponse(request.body)

同样，后端实现应该与语言/框架无关；只要您的后端提供有效的POSTAPI 允许您将 StripeToken 发回，它就可以工作

[0] https://docs.djangoproject.com/en/2.1/intro/tutorial01/

推荐阅读