JavaScript - ショッピングカートに複数の商品がある場合、注文を送信するときに商品データを送信するにはどうすればよいですか?

Question

ショッピング カートの商品リストを json 配列に構築し、それをサーバーに渡します。それとも何ですか?

Answer 1

この問題で私が発言できるのは、今年行ったことはショッピングモールに関することだけです。その中には、ショッピング カートまたは商品詳細ページから注文確認ページまでが含まれます。注文確認ページのデータ形式に従ってショッピング カートのデータを整理し (通常は最終的にオブジェクトに)、それをローカル ストレージに保存し (すべてモバイル側で行われます)、ページに直接ジャンプします。注文確認ページでデータ オブジェクトをトラバースしてレンダリングするのは問題ありません。心配する必要はありません。フロントエンドのこれらはユーザーのみに表示されます。バックエンドは支払い時に注文金額を再計算し、注文を分割します。ユーザーが支払い情報を変更した場合でも、お金を支払わなければなりません

Answer 2

いいえ、ショッピング カートの内容はフォームからサーバーに送信されません。
SESSION、MySQL、Redis などの実装方法によって異なります。
注文が送信されると、ショッピング カートが送信されます。カートの内容はサーバー側にある必要があります。
ここでは、ライブラリまたは SESSION、redis を直接読み取ります
送信時に SKU 数量が一致しているかどうかを再度確認します
合計価格、割引、および片側の合計価格を再計算します

最後に: 製品の価格を含め、フォームで送信されたデータは決して信用しないでください。そうしないと、冗談を言って、たった 1 ペニーで何千ドルも買うことになります。

Answer 3

バックエンドと交渉します

以前のアプローチは、バックエンドによって提供されるデータ構造を文字列に統合し、それをバックエンドに渡すことで、バックエンドは独自のアルゴリズムに従ってそれを解析します

例えば1_xxx_24:2_xxx_56

これは、コロンに基づいて複数のプロダクトに分割し、アンダースコアに基づいて 3 つのパラメーターの値を取得するバックエンドです。このときのデータは、パラメーターの順序が間違っていてはいけません。出席してください、

ほんの一例ですが、バックエンドでの実装方法によって異なります。フロントエンドは送信と受信のみを担当します

Answer 4

VUE の vuex や React の redux など、フロントエンドのショッピング カートにデータを保存します。ログインしていなくても、問題はありません。最初にショッピングカートに入れてクリックし、再度ログインして、最後に JSON 配列の形式で送信します