How to call a method from MVC controller in javascript of MVC view Page..

Question

1.00/5 (1 vote)

See more:

How to call a method from MVC controller in javascript of MVC view Page..

I have controller like this

[HttpGet]
public ActionResult SalesReportDetails()
{
try
{
return View();
}
catch (Exception ex)
{
logger.Error(ex);
TempData["Exception"] = ex;
return RedirectToAction("ErrorPage", "Home");
}
}
public void ShowSimple()
{
ReportDocument reportdocument = new ReportDocument();
reportdocument.Load(Server.MapPath("~/") + "crystalreport.rpt");
}

and I want to call ShowSimple method in below function

function fnNext() {
var frm = document.forms[0];
frm.selecteditem.value = "Next";
ShowSimple();
return true;
}

is this correct method to call..I am not getting proper solution..

please help...

Posted 18-Jul-13 23:53pm

Apali

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Jameel VM · Answer 1 · 2013-07-19T02:21:00

Solution 1

You can the MVC action from Javascript by sending an jQuery ajax request.
Change ShowSimple as ActionResult

C#

public ActionResult ShowSimple()
{
ReportDocument reportdocument = new ReportDocument();
reportdocument.Load(Server.MapPath("~/") + "crystalreport.rpt");
var data=new {Status="Success"};
retunt JSon(data);
}

JavaScript

function Javascriptfunction()
  {
     $.getJSON('/Controller/ShowSimple/', function (data) {
alert(data);
});
  }

C#

function fnNext() {
var frm = document.forms[0];
frm.selecteditem.value = "Next";
Javascriptfunction();
return true;
}

Hope this helps

Posted 19-Jul-13 2:21am

Jameel VM

Updated 22-Jul-13 23:06pm

v3

Comments

Apali 20-Jul-13 0:48am

thanks a lot and when I am using this code I am not getting solution means that javascript function is not called...can you pls tell??

Jameel VM 21-Jul-13 12:30pm

what is your pblm now?

Apali 23-Jul-13 0:40am

means control is not coming to java script function after using url: '/Controller/ShowSimple/', code..how to do..

Jameel VM 23-Jul-13 1:15am

which control?

Apali 23-Jul-13 1:43am

means that showsimple method is not called after using url: '/Controller/ShowSimple/' this in my javascript code

Jameel VM 23-Jul-13 4:12am

when? after the ajax call?

Apali 23-Jul-13 4:16am

ya

Jameel VM 23-Jul-13 5:02am

did you check the console in firebug to get the error detail? May be the error is because of the incorrect url else u didn't add the jQuery plugin.

Jameel VM 23-Jul-13 5:04am

remove the data: { id: id }, from the ajax call and then try

Jameel VM 23-Jul-13 5:06am

else change the ajax call like this
$.getJSON('/Controller/ShowSimple/', function (data) {
alert(data);
});

Jameel VM 23-Jul-13 5:07am

i have update the answer please try that

Apali 25-Jul-13 1:02am

thanks ...i tried but that controller is not called from view page...that is the problem

Krish_mvc · Answer 2 · 2013-07-24T19:48:00

C#

public ActionResult ShowSimple()
{
ReportDocument reportdocument = new ReportDocument();
reportdocument.Load(Server.MapPath("~/") + "crystalreport.rpt");
var data=new {Status="Success"};
retunt JSon(data,JsonRequestBehavior.AllowGet);
}

JavaScript

function fnNext() {
var frm = document.forms[0];
frm.selecteditem.value = "Next";
$.ajax({
      url: '@Url.Action("ShowSimple")',
      type: 'GET',
      cache: false,
      data: { Data U want to Send },
      success: function (data) { 

                     },
      error: function (data) {   
                     }
      });
return true;
}

Make an Ajax Call