Jquery mask the ShowLoading component

Jquery mask the ShowLoading component

1. Meaning

In a development project, the front-end page needs to send a request to the server, and the server returns data to the front-end in response to the request. During this time, the front-end page may have a transient wait because of the large amount of data returned, in this case, if you click it without your knowledge, it may cause logical confusion. Therefore, you need to load the data by prompting the front-end to load the data. You can use the jquery mask component to complete this function.

2. Implementation steps

(1)、download the showloading.css jquery. showLoading. min. js files.

(2) introduce these two files in jsp

 <Script type = "text/javascript" src = "js/jquery. showLoading. min. js"> </script>

(3) Use This component in asynchronous requests

Function showloading (url, data) {$ ("body "). showLoading (); $. ajax ({url: url, data: data, dataType: "json", success: function (obj) {$ ("body "). hideLoading ();}});}