Displays the words "Loading ...", with the display of the loaded picture.
Display Loader
function Showloader () {
$.mobile.loading (' show ', {
Text: ' Submitting ... ',//loader display
Textvisible:true,//whether to display text
Theme: ' d ',//loader theme style A-e
Textonly:false,//Whether only text is displayed
HTML: ""//HTML content to display, slices, etc.
});
}
Hide "Loading ..." and icons
function Hideloader ()
{
Hide Loader
$.mobile.loading (' hide ');
}
The request is as follows:
Showloader ();
$.ajax ({
Type: "Post",
Async:true,
URL: "test.jsp?orderid=" +orderdata.orderid+ "&sinalsign=" +sinalsign,
DataType: "JSON",
Success:function (JSON) {
if (json.returnstate) {
} else {
$ ("#warnSubmit"). HTML ("<font color= ' Red ' > (rental failed) </font>");
}
Hideloader ();
},
Error:function () {
$ ("#warnSubmit"). HTML ("<font color= ' Red ' > (rental failed) </font>");
Hideloader ();
}
});
Note: In a request, it is often shown loading before the request, hiding the loading after obtaining the result, it should be noted that because the request is asynchronous, you need to call Showloader before the request is initiated, call Hideloader in the result processing in the request, Instead of using Hideloader in the request code, the loading is not displayed.