...

src/main/resources/templates/user/join.html

@@ -64,50 +64,64 @@
         }
     </style>
     <script>
+        function getDivder() {
+            return "_||L_"
+        }
+        function mergeData(a , b) {
+            return a.join("") + getDivder() + b.join("")
+        }
 
         function userJoin() {
             var httpRequest;
             var user_id = document.getElementById("user_id").value;
             var user_pw = document.getElementById("user_pw").value;
             var user_pw_check = document.getElementById("user_pw_check").value;
-            var user_email = document.getElementById("user_email").value;
-            var user_birth = document.getElementById("user_birth").value;
-            var user_name = document.getElementById("user_name").value;
+            if (user_pw === user_pw_check) {
+                var user_email = document.getElementById("user_email").value;
+                var user_birth = document.getElementById("user_birth").value;
+                var user_name = document.getElementById("user_name").value;
 
-            /* 통신에 사용 될 XMLHttpRequest 객체 정의 */
-            httpRequest = new XMLHttpRequest();
-            /* httpRequest의 readyState가 변화했을때 함수 실행 */
-            httpRequest.onreadystatechange = () => {
-                /* readyState가 Done이고 응답 값이 200일 때, 받아온 response로 name과 age를 그려줌 */
-                if (httpRequest.readyState === XMLHttpRequest.DONE) {
-                    if (httpRequest.status === 200) {
-                        var result = httpRequest.response;
-                        document.getElementById("name").innerText = result.name;
-                        document.getElementById("age").innerText = result.age;
-                    } else {
-                        alert('Request Error!');
+                /* 통신에 사용 될 XMLHttpRequest 객체 정의 */
+                httpRequest = new XMLHttpRequest();
+                /* httpRequest의 readyState가 변화했을때 함수 실행 */
+                httpRequest.onreadystatechange = () => {
+                    /* readyState가 Done이고 응답 값이 200일 때, 받아온 response로 name과 age를 그려줌 */
+                    if (httpRequest.readyState === XMLHttpRequest.DONE) {
+                        if (httpRequest.status === 200) {
+                            var result = httpRequest.response;
+                            console.log(result)
+                            alert('Request OK!' +  result);
+                            // document.getElementById("name").innerText = result.name;
+                            // document.getElementById("age").innerText = result.age;
+                        } else {
+                            alert('Request Error!');
+                        }
                     }
+                };
+                /* Get 방식으로 name 파라미터와 함께 요청 */
+                httpRequest.open('POST', 'joinUser.api', true);
+                httpRequest.setRequestHeader("Content-Type", "text/plain");
+
+                let data = {
+                    'user_id': user_id,
+                    'user_pw': user_pw,
+                    'user_pw_check': user_pw_check,
+                    'user_email': user_email,
+                    'user_birth': user_birth,
+                    'user_name': user_name
                 }
-            };
-            /* Get 방식으로 name 파라미터와 함께 요청 */
-            httpRequest.open('POST', 'joinUser.api', true);
-            httpRequest.setRequestHeader("Content-Type", "application/json");
-
-            let data = {
-                'user_id': user_id,
-                'user_pw': user_pw,
-                'user_pw_check': user_pw_check,
-                'user_email': user_email,
-                'user_birth': user_birth,
-                'user_name': user_name
+                var odd = []
+                var even = []
+                var dataStr = JSON.stringify(data)
+                var src = dataStr.split("")
+                src.forEach(function (s,i,a) {if (i % 2 === 0) {even.push(s)} else {odd.push(s)}})
+                httpRequest.send(mergeData(even.reverse(),odd.reverse()));
             }
-
-            httpRequest.send(JSON.stringify(data));
         }
     </script>
 </head>
 <body>
-<form >
+
     <table>
         <tr>
             <td><h2>회원가입</h2></td>
@@ -135,6 +149,6 @@
         </tr>
         <tr><td><input type="submit" value="가입하기" class="btn" onclick="userJoin()"></td></tr>
     </table>
-</form>
+
 </body>
 </html>