payjp.js v2を使用しています。カード名義を登録したい。

#payjp.js v2 を使用してカード名義を登録したい

「カードの名義や住所などが必要な場合は、自身でフォームを用意下さい（それらの情報は payjp.createToken()の引数に渡し、管理することができます）。」

「payjp.createToken(element: Element, options?: object)」

「e.g. カードホルダーの名義を {name: 'PAY JP'} で送信。」

等記載されておりましたので

javascript
1以下の記述に（↓少し省略しています。）
2
3    let payjp         = Payjp("#{@api_key}");
4    let elements      = payjp.elements();
5    let numberElement = elements.create('cardNumber');
6    let expiryElement = elements.create('cardExpiry');
7    let cvcElement    = elements.create('cardCvc');
8
9    numberElement.mount('#card__form--number-form');
10    expiryElement.mount('#card__form--expiry-form');
11    cvcElement.mount('#card__form--cvc-form');
12
13payjp.createToken(numberElement).then(function(response){
14  $("#card__form--inputHidden").attr("value",response.id);
15  $("#card__form").submit();
16});
17
18以下のように, {name: 'TARO YAMADA'}を追加すると、
19
20payjp.createToken(numberElement, {name: 'TARO YAMADA'}).then(function(response){
21  $("#card__form--inputHidden").attr("value",response.id);
22  $("#card__form").submit();
23});
24
25response.error.messageには「token に対して不正なパラメーターがあります。」
26
27consoleには
28apitunnel.html:150 POST https://api.pay.jp/v1/tokens 400 (Bad Request)
29
30とエラーになり動作しません。
31, {name: 'TARO YAMADA'}が無いと問題なく動きます。
32もちろんカードの名義はnullですが、、、

カード名義を登録したく思っています。
どなたかお詳しい方にご教授いただけると幸いです。
それではよろしくおねがいします。

行動規範の内容に同意します

回答1件

自己解決

payjp.createToken(numberElement, {name: 'TARO YAMADA'}).then(function(response){
  $("#card__form--inputHidden").attr("value",response.id);
  $("#card__form").submit();
});

でなく

payjp.createToken(numberElement, {card:{name:'TARO YAMADA'}}).then(function(response){
  $("#card__form--inputHidden").attr("value",response.id);
  $("#card__form").submit();
});

でした。

payjpさんに問い合わせた結果です。
誤りもご修正くださるそうです。
とても良心的で真摯なご対応でした。
有難うございました^^

投稿2020/11/19 08:25

tomtomtomtom

総合スコア563