Browse Source

test http service

amenpunk 3 years ago
parent
commit
f839f75cce
2 changed files with 32 additions and 14 deletions
  1. 6 5
      src/Pages/Login.jsx
  2. 26 9
      src/Utils/HTTP.js

+ 6 - 5
src/Pages/Login.jsx

18
 import { useFormik } from 'formik';
18
 import { useFormik } from 'formik';
19
 import * as Yup from 'yup';
19
 import * as Yup from 'yup';
20
 
20
 
21
-// import { HTTP } from '../Utils/HTTP.js'
21
+import { HTTP } from '../Utils/HTTP.js'
22
 
22
 
23
 const LoginSchema = Yup.object().shape({
23
 const LoginSchema = Yup.object().shape({
24
     email : Yup
24
     email : Yup
35
 const theme = createTheme();
35
 const theme = createTheme();
36
 
36
 
37
 export function Login() {
37
 export function Login() {
38
-
39
     let auth = useAuth();
38
     let auth = useAuth();
40
     let navigate = useNavigate()
39
     let navigate = useNavigate()
41
 
40
 
46
         },
45
         },
47
         validationSchema: LoginSchema,
46
         validationSchema: LoginSchema,
48
         onSubmit: (values) => {
47
         onSubmit: (values) => {
49
-            // let { email, password } = values
48
+            let { email, password } = values
49
+            console.log(email,password);
50
             // let request = new HTTP('/user?' + `user=${email}&password=${password}`)
50
             // let request = new HTTP('/user?' + `user=${email}&password=${password}`)
51
-            // request.get()
51
+            let request = new HTTP()
52
+            request.post()
52
             // toast.success('Bienvenido!!')
53
             // toast.success('Bienvenido!!')
53
             // toast.error("This didn't work.")
54
             // toast.error("This didn't work.")
54
             // return navigate('/dashboard/home')
55
             // return navigate('/dashboard/home')
55
-            auth.login(values)
56
+            // auth.login(values)
56
         },
57
         },
57
     });
58
     });
58
 
59
 

+ 26 - 9
src/Utils/HTTP.js

1
+// import axios from 'axios';
2
+import $ from "jquery" 
3
+
1
 export class HTTP {
4
 export class HTTP {
2
 
5
 
3
     constructor(url){
6
     constructor(url){
4
-        this.base_url = 'http://204.48.25.93:8081'; 
7
+        this.base_url = 'http://204.48.25.93:8081/users'; 
5
         this.url =  this.base_url + url
8
         this.url =  this.base_url + url
9
+        this.api =  'http://204.48.25.93:8081/user?user=patrik&password=12345'
6
     }
10
     }
7
 
11
 
8
-    async post(body){
12
+    async post(){
9
         try{ 
13
         try{ 
10
 
14
 
11
-            let request = fetch(this.url , {
15
+            let request = fetch(this.api, {
12
                 method: 'POST', 
16
                 method: 'POST', 
13
                 mode: 'cors',
17
                 mode: 'cors',
14
-                cache: 'no-cache',
18
+                // cache: 'no-cache',
15
                 headers: {
19
                 headers: {
16
                     "Cache-Control": "no-cache, no-store, max-age=0, must-revalidate",
20
                     "Cache-Control": "no-cache, no-store, max-age=0, must-revalidate",
17
                     "Connection": "keep-alive",
21
                     "Connection": "keep-alive",
38
         }
42
         }
39
     }
43
     }
40
 
44
 
41
-    async get() {
45
+    async get_() {
42
 
46
 
43
         // POST request using fetch with async/await
47
         // POST request using fetch with async/await
44
         const requestOptions = {
48
         const requestOptions = {
45
             method: 'POST',
49
             method: 'POST',
46
-            headers : new Headers({
50
+            headers : new Headers( {
47
                 'Content-Type': 'application/json', 
51
                 'Content-Type': 'application/json', 
48
                 'Access-Control-Allow-Origin': '*',
52
                 'Access-Control-Allow-Origin': '*',
49
-            }),
53
+                'Access-Control-Request-Method' : 'POST',
54
+            } ),
50
             // body: JSON.stringify({ title: 'React POST Request Example' })
55
             // body: JSON.stringify({ title: 'React POST Request Example' })
51
-        };
52
-        const response = await fetch(this.url, requestOptions);
56
+        }
57
+
58
+        let response = await fetch(this.api, requestOptions);
53
         // const data = 
59
         // const data = 
54
         console.log(response)
60
         console.log(response)
55
         // this.setState({ postId: data.id });
61
         // this.setState({ postId: data.id });
56
     }
62
     }
57
 
63
 
58
 
64
 
65
+    async get(){
66
+        $.ajax(this.url, {
67
+            contentType : 'application/json',
68
+            type : 'POST',
69
+            onSucces :  (res) => console.log(res),
70
+            onError :  (err) => console.log(err),
71
+        })
72
+    }
73
+
74
+
75
+
59
 }
76
 }
60
 
77