Programming Tutorials

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:

  1. 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.

  2. Implement the Authorize action in the SandboxApiController.
    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

* Required information
1000

Comments

No comments yet. Be the first!

Most Viewed Articles (in Asp.net )

Call an Action in a controller when user clicks a button in View

Microsoft.Identity vs Microsoft.IdentityModel.Clients.ActiveDirectory

Things to note when changing a function to async in your controller

AmbiguousMatchException: The request matched multiple endpoints.

Button that is only clickable when the checkbox is checked

Pass the same model to multiple views within the same controller

Severity Code Description Project File Line Suppression State Error CS0103 The name 'Encoding' does not exist in the current context

Severity Code Description Project File Line Suppression State Error CS0103 The name 'JsonConvert' does not exist in the current context.

Passing a model globally to all Views in your Asp.net webapp

Severity Code Description Project File Line Suppression State Error CS0246 The type or namespace name 'JToken' could not be found.

Pagination in ASP.net core application

One client credential type required either: ClientSecret, Certificate, ClientAssertion or AppTokenProvider must be defined when creating a Confidential Client. Only specify one

Severity Code Description Project File Line Suppression State Warning Found conflicts between different versions of the same dependent assembly.

Severity Code Description Project File Line Suppression State Error CS1061 'string[]' does not contain a definition for 'Any' and no accessible extension method 'Any' accepting a first argument of type 'string[]' could be found (are you missing a using directive or an assembly reference?)

Getting values from appsettings.json ASP.NET

Latest Articles (in Asp.net)

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

Severity Code Description Project File Line Suppression State Error CS0103 The name 'Encoding' does not exist in the current context

Severity Code Description Project File Line Suppression State Error CS0103 The name 'JsonConvert' does not exist in the current context.

Passing a model globally to all Views in your Asp.net webapp

Severity Code Description Project File Line Suppression State Error CS0246 The type or namespace name 'JToken' could not be found.

Severity Code Description Project File Line Suppression State Error CS0308 The non-generic type 'List' cannot be used with type arguments.

One client credential type required either: ClientSecret, Certificate, ClientAssertion or AppTokenProvider must be defined when creating a Confidential Client. Only specify one

Severity Code Description Project File Line Suppression State Warning Found conflicts between different versions of the same dependent assembly.

Severity Code Description Project File Line Suppression State Error CS1061 'string[]' does not contain a definition for 'Any' and no accessible extension method 'Any' accepting a first argument of type 'string[]' could be found (are you missing a using directive or an assembly reference?)

Pagination in ASP.net core application

Microsoft.Identity vs Microsoft.IdentityModel.Clients.ActiveDirectory

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

Severity Code Description Project File Line Suppression State Error CS0103 The name 'Encoding' does not exist in the current context

Severity Code Description Project File Line Suppression State Error CS0103 The name 'JsonConvert' does not exist in the current context.

Passing a model globally to all Views in your Asp.net webapp

Severity Code Description Project File Line Suppression State Error CS0246 The type or namespace name 'JToken' could not be found.

Severity Code Description Project File Line Suppression State Error CS0308 The non-generic type 'List' cannot be used with type arguments.

One client credential type required either: ClientSecret, Certificate, ClientAssertion or AppTokenProvider must be defined when creating a Confidential Client. Only specify one

Severity Code Description Project File Line Suppression State Warning Found conflicts between different versions of the same dependent assembly.

Severity Code Description Project File Line Suppression State Error CS1061 'string[]' does not contain a definition for 'Any' and no accessible extension method 'Any' accepting a first argument of type 'string[]' could be found (are you missing a using directive or an assembly reference?)

Pagination in ASP.net core application

Microsoft.Identity vs Microsoft.IdentityModel.Clients.ActiveDirectory