Theme app extensionsで作成したフォームの入力データをDBに保存する方法

[daikussi]

お世話になっております。

Theme app extensionsを使用してフォームを作成しましたが、

入力されたデータをPOSTする方法がわかっておりません。

調べても情報が出てこないためコミュニティに質問させていただきました。

DBの構築は完了し、データの追加が出来ていることは確認しております。

環境

Node.js+Prisma

DB:MySQL

何卒、よろしくお願いいたします。

[株式会社フルバランス · Accepted solution]

度々失礼いたします。

フルバランスの道家と申します。

ご質問確認いたしました。

先日似たようなスレッドがございました。

https://community.shopify.com/c/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAq-a/form%E3%81%8B%E3%82%89db%E3%...

質問者さんの以下のコードが参考になるかと思います。

document.getElementById("form").onsubmit = function () {
  fetch("api/datapost", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      name: "Hubot",
      login: "hubot",
    }),
  }).then(
    function (response) {
      console.log("success");
    },
    function (error) {
      console.log(error);
      console.log("error");
    }
  );
};

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

フルバランス　道家

[daikussi]

お世話になっております。

回答いただきありがとうございます。

axiosを使用してみたところ無事に実装することが出来ました。

ただ、fetchのやり方も知りたかったので、とても助かりました。

また、質問することがあるかと思いますが、何卒よろしくお願いいたします。