Update payment.js

frontend/indexjs/payment.js

@@ -1,19 +1,32 @@
-// payment.js
-
-// 當用戶點擊支付按鈕時的事件
+// payment.js 當用戶點擊支付按鈕時的事件
 document.getElementById('payButton').addEventListener('click', function() {
     // 發送支付請求
-    fetch('/api/create-payment') // 替換為您的後端路由
-        .then(response => response.json())
-        .then(data => {
-            if (data.returnUrl) {
-                // 將用戶導向 LINE Pay 的支付頁面
-                window.location.href = data.returnUrl;
-            } else {
-                alert('支付請求失敗：' + data.message);
-            }
+    fetch('/api/create-payment', { // 使用 POST 方法
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+            productName: '商品名稱', // 這裡填寫商品名稱等必要資料
+            amount: 1000 // 這裡填寫支付金額等必要資料
+            // 根據你的需求可以添加更多的支付數據
         })
-        .catch(error => {
-            console.error('Error:', error);
-        });
+    })
+    .then(response => {
+        if (!response.ok) {
+            throw new Error('網絡錯誤：' + response.status);
+        }
+        return response.json();
+    })
+    .then(data => {
+        if (data.returnUrl) {
+            // 將用戶導向 LINE Pay 的支付頁面
+            window.location.href = data.returnUrl;
+        } else {
+            alert('支付請求失敗：' + data.message);
+        }
+    })
+    .catch(error => {
+        console.error('Error:', error);
+    });
 });