Call razor c# function from javascript function

Question

I have an html link in one file

<a href="#" onClick="xupdate('Home')" id="padlink">Home</a>

On click I want a js function(in another file, with extension js) to execute and that is:

function xupdate(string) {
     document.title = string;
     //Call razor c# function
}

Now I have a c# function(it reads files and displays their information) in a cshtml file:

@helper fileRead(String file) {
            var dataFile = Server.MapPath(file);
            Array userData = File.ReadAllLines(dataFile);
            foreach (string dataLine in userData) {
                foreach (string dataItem in dataLine.Split(',')) {
                    //dataItem <text>&nbsp;</text>
                    @Html.Raw(dataItem);
                 }
             }
}

I want to call the fileRead function from the js xupdate() function and send the value of string into fileRead as a parameter.Is there a way to do this?

Note: I have already included the html link in the cshtml file and my functions work perfectly. Also I know that I have to include a file extension when calling the c# function.

Manish Parakhiya · Accepted Answer · 2014-12-24 06:41:12Z

2

You can not call C# function from javascript directly, Because javascript execute on client side and C# function execute at server side.

So you must call it other way like AJAX.

Define your function in controller and call it via AJAX call.

answered Dec 24, 2014 at 6:41

Manish Parakhiya

3,8083 gold badges24 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Michael Rodrigues Over a year ago

This is no longer correct. Please see learn.microsoft.com/en-us/aspnet/core/blazor/…

Omar Yassin Carcelen · Accepted Answer · 2015-02-18 21:42:56Z

1

Use AJAX:

var ret = null;
$.ajax({
   async: false,
   url: "YourFunctionName_in_Controller",
   dataType: "json",
   success: function (data) {ret = data;}
      });
return ret;

answered Feb 18, 2015 at 21:42

Omar Yassin Carcelen

1111 silver badge2 bronze badges

Comments

user160357 · Accepted Answer · 2022-04-06 13:15:32Z

0

DotNet.invokeMethodAsync('{ASSEMBLY NAME}', '{.NET METHOD ID}', {ARGUMENTS});

https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/call-dotnet-from-javascript?view=aspnetcore-6.0

answered Apr 6, 2022 at 13:15

user160357

1,6161 gold badge17 silver badges18 bronze badges

Collectives™ on Stack Overflow

Call razor c# function from javascript function

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related