Invoking a C# function from JavaScript

Question

Invoking a C# function from JavaScript

I need to implement a way to invoke the method GetAccount from my controller AccountController.cs within my JavaScript factory LoginFactory.js. Here is an example of what I am trying to achieve:

AccountController.cs:

public Account GetAccount(string userName)
    { ... }

LoginFactory.js:

if(x>y) {
   var account = <%AccountController.GetAccount(someParam);%>
}

I have attempted using [WebMethod] and Ajax, however, I have been unable to make it work as I keep receiving a 404 error response.

javascript c#asp.net ajax code-behind

Answer 1

Answer №1

Supposing that your RetrieveAccount function is accessible at /User/RetrieveAccount while your program is functioning, you can utilize the following approach:

$.ajax({
  type: 'GET',
  url: '/User/RetrieveAccount',
  data: { 'username' : 'a-username' },
  dataType: 'json',
  success: function(jsonData) {
    alert(jsonData);
  },
  error: function() {
    alert('error');
  }
});

Please note that this method relies on jQuery.

This prompts the browser to send a request to /User/RetrieveAccount just as if you had manually entered the URL in the address bar, but it retrieves and processes the returned JSON data for use in your client-side (JavaScript) code.

If a 404 error occurs, it would be prudent to verify your routing configuration.

Answer 2

Supposing that your RetrieveAccount function is accessible at /User/RetrieveAccount while your program is functioning, you can utilize the following approach:

$.ajax({
  type: 'GET',
  url: '/User/RetrieveAccount',
  data: { 'username' : 'a-username' },
  dataType: 'json',
  success: function(jsonData) {
    alert(jsonData);
  },
  error: function() {
    alert('error');
  }
});

Please note that this method relies on jQuery.

This prompts the browser to send a request to /User/RetrieveAccount just as if you had manually entered the URL in the address bar, but it retrieves and processes the returned JSON data for use in your client-side (JavaScript) code.

If a 404 error occurs, it would be prudent to verify your routing configuration.

Invoking a C# function from JavaScript

Answer №1

Similar questions

"The challenge of achieving a transparent background with a PointMaterial texture in ThreeJS

Tips for resolving the issue of "Unable to assign property '_DT_CellIndex' to undefined in Jquery Datatable"

Looking for the time trigger feature in jQuery using typeahead search?

Having trouble with Django's submit POST method for creating objects

utilizing async/await without the need for babel-polyfill

"Utilizing Rails with the power of Ajax and Jquery to enhance the Post

Executing a function a specific number of times in Jquery

Change the database utilized by ASP WEB API 2

Exploring Material UI choices and retrieving the selected option's value

Using Stored Procedures versus ADO.NET in C# Applications: Which is the Better Choice?

Container for Magazines using HTML and CSS

Every time I try to launch NPM start, an error pops up on my screen

Loading a specific CSS file along with an HTML document

Provide a numerical representation of how frequently one object value is found within another object value

Error encountered when downgrading a component from Angular v5 or v4 to AngularJS due to an injector issue

What is the process to transfer data from JavaScript to HTML within a Laravel environment?

Tips for saving/downloading generated QR codes in React Native

My code in .NET consistently triggers a URI mismatch error 400 as it continually redirects to an incorrect URL

Integrating Python Script with User Input and Output within a JavaScript Web Application

What is the best way to retrieve the date and time using the Open Weather API for a specific city