Discussions
Categories
- 196.9K All Categories
- 2.2K Data
- 239 Big Data Appliance
- 1.9K Data Science
- 450.3K Databases
- 221.7K General Database Discussions
- 3.8K Java and JavaScript in the Database
- 31 Multilingual Engine
- 550 MySQL Community Space
- 478 NoSQL Database
- 7.9K Oracle Database Express Edition (XE)
- 3K ORDS, SODA & JSON in the Database
- 545 SQLcl
- 4K SQL Developer Data Modeler
- 187K SQL & PL/SQL
- 21.3K SQL Developer
- 295.9K Development
- 17 Developer Projects
- 138 Programming Languages
- 292.6K Development Tools
- 107 DevOps
- 3.1K QA/Testing
- 646K Java
- 28 Java Learning Subscription
- 37K Database Connectivity
- 155 Java Community Process
- 105 Java 25
- 22.1K Java APIs
- 138.1K Java Development Tools
- 165.3K Java EE (Java Enterprise Edition)
- 18 Java Essentials
- 160 Java 8 Questions
- 86K Java Programming
- 80 Java Puzzle Ball
- 65.1K New To Java
- 1.7K Training / Learning / Certification
- 13.8K Java HotSpot Virtual Machine
- 94.3K Java SE
- 13.8K Java Security
- 204 Java User Groups
- 24 JavaScript - Nashorn
- Programs
- 440 LiveLabs
- 38 Workshops
- 10.2K Software
- 6.7K Berkeley DB Family
- 3.5K JHeadstart
- 5.7K Other Languages
- 2.3K Chinese
- 171 Deutsche Oracle Community
- 1.1K Español
- 1.9K Japanese
- 232 Portuguese
how to show a loading message

I have a submit link with this javascript to submit the jsp webpage
<a href="#" onclick="javascript:confirmSubmit(contextPath);"
after submit , controller takes lot of time to process and redirects to a list page.
I want
(1) when use click this submit link , this link to disable to avoid double clicking
(2) showing a message "System is processing your request . Please wait"
What changes I should be doing in my code to achieve this goal ?
Please suggest
Answers
-
I solve this problem using Ajax query,
you could make async request to controller and wait for response, and only after getting response redirects to required page,
-
>>>wait for response, and only after getting response
What response I'd receive if the page is submitted and redirects to a new page ?
In Ajax success
<span class="pln" style="color: #303336;">success</span><span class="pun" style="color: #303336;">:</span><span class="pln" style="color: #303336;"> </span><span class="kwd" style="color: #101094;">function</span><span class="pun" style="color: #303336;">()</span><span class="pln" style="color: #303336;"> </span><span class="pun" style="color: #303336;">{</span><span class="pln" style="color: #303336;"><br/> </span><span class="com" style="color: #858c93;">// AJAX request finished</span><span class="pln" style="color: #303336;"><br/> </span><span class="pln" style="color: #303336;"><br/></span><span class="pun" style="color: #303336;">}</span>
we are moving to a new page with target = _self ..shall we receive success here ?
-
Do your #1 and #2 before you submit the link.
-
create id for <a> element
<a id="confirm" href="#" onclick="javascript:confirmSubmit(contextPath);">Click Here</a>
Simple use this in confrimSubmit() method.
$('#confirm').prop('onclick',null).off('click');