React backend Management system-ajax request encapsulation

1. Create a new folder Util, create a new mm.jsx file inside the util

2. Use the Ajax inside to send the request, call promise back, return a Promise Object

2. Request (param) {
4. return New Promise (Resolve, reject) = {
6. $.ajax ({
8. Type:param.type | | 'get',
10. Url:param.url | | ‘‘,
12. DataType:param.dataType | | ' JSON ',
14. Data:param.data | | null,
16. Success:res = {
18. //Data request succeeded
20. if (0 = = = res.status) {
22. typeof Resolve = = = ' function ' && resolve (Res.data, res.msg);
24. }
26. //No sign-in status, Force login
28. Else if (Ten = = Res.status) {
30. this. Dologin ();
32. }
34. Else {
36. typeof Reject = = = ' function ' && reject (res.msg | | res.data);
38. }
40. },
42. Error:err = {
44. typeof Reject = = = ' function ' && reject (Err.statustext);
46. }
48. });
50. });
52. }

3. Page Introduction

1. const _MM = new mutil ();

4. Use, incoming parameters

1. Home Data statistics
2. Gethomecount () {
3. return _mm.request ({
4. URL: '/manage/statistic/base_count. do '
5. });
6. }

React backend Management system-ajax request encapsulation