Stripe Elementsでの決済処理が上手く描画されない。

Question

現在下記公式ドキュメントのCustom Payment Flowのほうをもとに、決済処理の実装をlocal環境にて試みています。
https://stripe.com/docs/payments/integration-builder

しかし、Submit Payment(Pay now)のボタンは表示されているのですが
入力ボックスのほうにYY/MMやCVCといったマークが表示されず、入力もできない状態で手詰まりしています。

【開発環境】
OS:Windows10
Front：HTML/CSS
Server：Python3
FW：Djangov2(RESTFramework不使用)

Javascriptが正常に挙動していないのかなと思うのですが、ソースコードを読んでいても原因が分かりません。
Submit Paymenyボタンを押すとpayment_intentsがサーバーに送られ、"clientSecret"の値がResponseされるページに遷移します。

![]

StripeのダッシュボードではHTTP/1.1" 200　となっており、そこの通信は成功していると思うのですが
クレジットカードの情報が入力できていない問題はそれ以前に解消されるべきissueだと考えています。
しかし、ConsoleでDebugしていても特別logが得られるわけでもなく、原因の特定に苦戦しています。

ソースコードはほぼほぼ公式ドキュメントを丸っと参考にしているため、
考えられる点としてはFlask⇒Djangoへの変更による影響があると思うのですが。
{% csrf_token %}の記載はしているのと、
return jsonifyの部分も return JsonResponseで代用しています。

また、念のためlocalhostのままSSL化をしてhttps通信でも試みてみましたが、変わりませんでした。

エラーの原因はわかりかねますが、うまく作動してない箇所の処理はここの部分だと思います。

 var card = elements.create("card", { style: style });
    // Stripe injects an iframe into the DOM
    card.mount("#card-element");

どなたかご存知でしたら解決策をご教授ください。

Answer 1

やはりJavascriptがうまく記述できていなかったようです。
Javascript内のfetch処理に、
"Content-Type": "application/x-www-form-urlencoded; charset=utf-8",
"X-CSRFToken":csrf_token,
'X-Requested-With':'XMLHttpRequest',
},
を追加することでうまく動作しました