Reaccionar el sistema de gestión de fondo - encapsulación de solicitud ajax Reaccionar el sistema de gestión de fondo - encapsulación de solicitud ajax

Reaccionar encapsulación de solicitud de sistema de gestión de fondo-ajax

1. Cree una nueva carpeta de utilidades, cree un nuevo archivo mm.jsx dentro de util

2. Use ajax dentro de jquery para enviar la solicitud, devolver la promesa y devolver un objeto de promesa

1. solicitud (param) {
2.         devolver nueva promesa ((resolver, rechazar) => {
3.             $ .ajax ({
4.                 tipo: param.type || ' obtener ',
5.                 url: param.url || '',
6.                 dataType: param.dataType || 'json',
7.                 datos: param.data || nula ,
8.                 éxito: res => {
9.                     // Solicitud de datos exitosa
10.                     if (0 === res.status) {
11.                         typeof resolve === 'function' && resolve (res.data, res.msg);
12.                     }
13.                     // Sin estado de inicio de sesión, inicio de sesión obligatorio
14.                     otra cosa si (10 === res.status) {
15.                         este .doLogin ();
16.                     }
17.                     más {
18.                         tipo de rechazo === 'función' && rechazar (res.msg || res.data);
19.                     }
20.                 },
21.                 error: err => {
22.                     tipo de rechazo === 'función' && rechazar (err.statusText);
23.                 }
24.             });
25.         });
26.     }

3. Introducción de la página

1. const _mm = new MUtil ();

4. Uso, parámetros entrantes

1. // Estadísticas de la página de inicio
2.    getHomeCount () {
3.        return _mm.request ({
4.            url: '/ manage / statistic / base_count. hacer '
5.        });
6.    }

EN. Publicado 04/16/2020 19:56   Seis, hc   lectura ( ... ) comentarios ( ... )  editar   colecciones

1. Cree una nueva carpeta de utilidades, cree un nuevo archivo mm.jsx dentro de util

2. Use ajax dentro de jquery para enviar la solicitud, devolver la promesa y devolver un objeto de promesa

1. solicitud (param) {
2.         devolver nueva promesa ((resolver, rechazar) => {
3.             $ .ajax ({
4.                 tipo: param.type || ' obtener ',
5.                 url: param.url || '',
6.                 dataType: param.dataType || 'json',
7.                 datos: param.data || nula ,
8.                 éxito: res => {
9.                     // Solicitud de datos exitosa
10.                     if (0 === res.status) {
11.                         typeof resolve === 'function' && resolve (res.data, res.msg);
12.                     }
13.                     // Sin estado de inicio de sesión, inicio de sesión obligatorio
14.                     otra cosa si (10 === res.status) {
15.                         este .doLogin ();
16.                     }
17.                     más {
18.                         tipo de rechazo === 'función' && rechazar (res.msg || res.data);
19.                     }
20.                 },
21.                 error: err => {
22.                     tipo de rechazo === 'función' && rechazar (err.statusText);
23.                 }
24.             });
25.         });
26.     }

3. Introducción de la página

1. const _mm = new MUtil ();

4. Uso, parámetros entrantes

1. // Estadísticas de la página de inicio
2.    getHomeCount () {
3.        return _mm.request ({
4.            url: '/ manage / statistic / base_count. hacer '
5.        });
6.    }