andy hace 2 años
padre
commit
df0ae16d77
Se han modificado 6 ficheros con 89 adiciones y 53 borrados
  1. BIN
      .DS_Store
  2. 1 1
      .vscode/settings.json
  3. BIN
      img/.DS_Store
  4. 2 2
      index.html
  5. 82 48
      js/index.js
  6. 4 2
      reserve.html

BIN
.DS_Store


+ 1 - 1
.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-  "liveServer.settings.port": 5504
+  "liveServer.settings.port": 5505
 }

BIN
img/.DS_Store


+ 2 - 2
index.html

@@ -13,6 +13,7 @@
   <meta property="og:site_name" content="紫晴plus+問題性肌膚的護膚">
   <meta property="og:description" content="適度的舒壓能讓女人更美麗,每次課程都是最好的體驗,擁有獨門調理問題肌膚的技術,針對不同膚齡,打造全新優質商品,讓每位愛美的女性,都能輕鬆擁有健康亮麗膚">
 
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
     integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -1011,8 +1012,7 @@
     </section> -->
 
 
-
-
+  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
     integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
     crossorigin="anonymous"></script>

+ 82 - 48
js/index.js

@@ -411,65 +411,99 @@ $.ajax({
 });
 var date = new Date();
 var year = date.getFullYear();
-var month = ('0'+ (date.getMonth() + 1)).slice(-2);
+var month = ('0' + (date.getMonth() + 1)).slice(-2);
 
 var day = ('0' + (date.getDate())).slice(-2);
 // var day = date.getDay();
-console.log(date)
-console.log(date.getDate());
-console.log(date.getMonth())
-var time = year +'-'+ month +'-'+ day;
-console.log(time);
+// console.log(date)
+// console.log(date.getDate());
+// console.log(date.getMonth())
+var time = year + '-' + month + '-' + day;
+// console.log(time);
 document.getElementById('datepicker').value = time;
 document.getElementById('datepicker').setAttribute('min', time);
 
-// 手機板表單
-$.fn.serializeObject = function () {
-  var o = {};
-  var a = this.serializeArray();
+// // 手機板表單
+// $.fn.serializeObject = function () {
+//   var o = {};
+//   var a = this.serializeArray();
+
+//   $.each(a, function () {
+//     if (o[this.name]) {
+//       if (!o[this.name].push) {
+//         o[this.name] = [o[this.name]];
+//       }
+//       o[this.name].push(this.value || '');
+//     } else {
+//       o[this.name] = this.value || '';
+//     }
+//   });
+
+//   return o;
+// };
+
+$(".violetbeauty_contract_form").submit(function (e) {
+
+  let data_loc = $("#loc").val();
+  let data_course_name = $("#course_name").val();
+  let date_name = $("#name").val();
+  let data_booktime = $("#time").val();
+  let data_phone = $("#phone").val();
+  let data_bookdate = $("#datepicker").val();// ];
+
+  let data_loc_str = encodeURI(data_loc);
+  let data_course_name_str = encodeURI(data_course_name);
+  let data_name_str = encodeURI(date_name);
+
+  // let form_data = 'name='+ date_name +'&phone='+ data_phone +'&loc='+ data_loc +'&course_name='+ data_course_name +'&bookdate='+ data_bookdate +'&booktime='+ data_booktime +''
+
+
+
+  // let data =data_booktime+data_name+data_phone+data_loc+data_course_name+data_bookdate+data_booktime
+  // console.log(form_data);
+
+  var url = "http://api.ptt.cx:18688/submitform";
+
+  var xhr = new XMLHttpRequest();
+  xhr.open("POST", url);
+
+  xhr.setRequestHeader("accept", "application/json");
+  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+
+  xhr.onreadystatechange = function () {
+    var title = "送出成功";
+    if (xhr.readyState === 4) {
+      console.log(xhr.status);
+      console.log(xhr.responseText);
+      Swal.fire({
+        title: title,
+        icon: 'success',
+        confirmButtonColor: '#3085d6',
+      });
 
-  $.each(a, function () {
-    if (o[this.name]) {
-      if (!o[this.name].push) {
-        o[this.name] = [o[this.name]];
-      }
-      o[this.name].push(this.value || '');
-    } else {
-      o[this.name] = this.value || '';
     }
-  });
+  };
+  //  location.reload();
+  window.setTimeout(() => {
+    // window.location.href = 'index.html';
+    location.reload();
+  }, 2000);
+  var data = 'name=' + data_name_str + '&phone=' + data_phone + '&loc=' + data_loc_str + '&course_name=' + data_course_name_str + '&bookdate=' + data_bookdate + '&booktime=' + data_booktime + '';
 
-  return o;
-};
+  xhr.send(data);
+  console.log(data);
 
-$(".violetbeauty_contract_form").submit(function (e) {
-  /*	var formRef = $('#form1').serializeArray();
-    var jsonString = JSON.stringify(formRef);*/
-  var jsonInfo = $('.violetbeauty_contract_form').serializeObject();
-  var jsonString = JSON.stringify(jsonInfo);
-  console.log(jsonString),
-    $.ajax({
-      type: 'POST',
-      url: 'http://api.ptt.cx:18688/submitform',
-      data: jsonString,
-      dataType: 'json',
-      success: function (data) {
-        console.log('送出成功: ' + data);
-        alert("送出成功");
-        // if (data == 0) {
-        //   alert("送出成功");
-        // } else if (data == 1) {
-        //   alert("此email已填過表單");
-        // } else if (data == 2) {
-        //   alert("此phone已填過表單");
-        // } else if (data == 3) {
-        //   alert("此email、phone已填過表單");
-        // }
-        // location.reload();
-      },
-    });
   return false;
-  
+
+
 });
 
 
+
+
+
+
+
+// let data =data_booktime+data_name+data_phone+data_loc+data_course_name+data_bookdate+data_booktime
+
+

+ 4 - 2
reserve.html

@@ -13,6 +13,7 @@
   <meta property="og:site_name" content="紫晴plus+問題性肌膚的護膚">
   <meta property="og:description" content="適度的舒壓能讓女人更美麗,每次課程都是最好的體驗,擁有獨門調理問題肌膚的技術,針對不同膚齡,打造全新優質商品,讓每位愛美的女性,都能輕鬆擁有健康亮麗膚">
 
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
     integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -131,7 +132,7 @@
               <img class="img-fluid" src="./img/Screen Shot 2022-04-06 at 下午2.38.37.png" alt="">
             </div>
             <div class="col-md-6">
-              <form class="violetbeauty_contract_form" action="/submitform" method="post">
+              <form class="violetbeauty_contract_form">
                 <p class="text-danger">提前預約時間為3天,若需安排近期時間請加入官方LINE</p>
                 <input type="text" name="name" id="name" placeholder="請輸入姓名" required>
                 <input type="text" name="phone" id="phone" placeholder="請輸入電話">
@@ -284,7 +285,8 @@
     </div>
   </div>
   </div>
-
+  
+  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
     integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
     crossorigin="anonymous"></script>