Call an Action in a controller when user clicks a button in View
By: Manoj in Asp.net Tutorials on 2023-06-01
Let us assume you have a button in your view whose id is 'authorizeButton' and you want to submit to your Action named 'Authorize' in your controller named 'SandboxApi'. To call the Authorize
action in the SandboxApiController
when the user clicks the button, you can follow these steps:
-
Add a JavaScript/jQuery click event handler to the button in your view.
<script>
$(document).ready(function() {
$('#authorizeButton').click(function() {
// Perform an AJAX call to the Authorize action
$.ajax({
url: '@Url.Action("Authorize", "SandboxApi")',
type: 'GET',
success: function(data) {
// Handle the success response if needed
console.log('Authorization successful');
},
error: function(xhr, status, error) {
// Handle the error response if needed
console.log('Error: ' + error);
}
});
});
});
</script>Replace
#authorizeButton
with the actual ID or selector of your button element. - Implement the
Authorize
action in theSandboxApiController
.public class SandboxApiController : Controller { // GET: SandboxApi/Authorize public IActionResult Authorize() { // Perform the necessary logic for authorization // Return a success response or appropriate result return Ok(); } }
Replace
SandboxApi
with the appropriate controller name if needed.
When the user clicks the button, the AJAX call will be made to the Authorize
action in the SandboxApiController
. You can handle the authorization logic within the action and return an appropriate result based on the requirements of your application.
Add Comment
This policy contains information about your privacy. By posting, you are declaring that you understand this policy:
- Your name, rating, website address, town, country, state and comment will be publicly displayed if entered.
- Aside from the data entered into these form fields, other stored data about your comment will include:
- Your IP address (not displayed)
- The time/date of your submission (displayed)
- Your email address will not be shared. It is collected for only two reasons:
- Administrative purposes, should a need to contact you arise.
- To inform you of new comments, should you subscribe to receive notifications.
- A cookie may be set on your computer. This is used to remember your inputs. It will expire by itself.
This policy is subject to change at any time and without notice.
These terms and conditions contain rules about posting comments. By submitting a comment, you are declaring that you agree with these rules:
- Although the administrator will attempt to moderate comments, it is impossible for every comment to have been moderated at any given time.
- You acknowledge that all comments express the views and opinions of the original author and not those of the administrator.
- You agree not to post any material which is knowingly false, obscene, hateful, threatening, harassing or invasive of a person's privacy.
- The administrator has the right to edit, move or remove any comment for any reason and without notice.
Failure to comply with these rules may result in being banned from submitting further comments.
These terms and conditions are subject to change at any time and without notice.
- Data Science
- Android
- React Native
- AJAX
- ASP.net
- C
- C++
- C#
- Cocoa
- Cloud Computing
- HTML5
- Java
- Javascript
- JSF
- JSP
- J2ME
- Java Beans
- EJB
- JDBC
- Linux
- Mac OS X
- iPhone
- MySQL
- Office 365
- Perl
- PHP
- Python
- Ruby
- VB.net
- Hibernate
- Struts
- SAP
- Trends
- Tech Reviews
- WebServices
- XML
- Certification
- Interview
categories
Related Tutorials
Things to note when changing a function to async in your controller
AmbiguousMatchException: The request matched multiple endpoints.
Call an Action in a controller when user clicks a button in View
Button that is only clickable when the checkbox is checked
Pass the same model to multiple views within the same controller
Passing a model globally to all Views in your Asp.net webapp
Pagination in ASP.net core application
Microsoft.Identity vs Microsoft.IdentityModel.Clients.ActiveDirectory
Comments