how to call controllers function with ajax when click button MVC

Question

Im new in MVC,I have problem the button cannot call Ajax function to render Action in controller.

this bellow my script button

<input type="submit" value="show" class="btn btn-success" name="submitButton" onclick="OnActionClick()" />

My Ajax

function OnActionClick() {
    alert("Error when update data");   
    $.ajax({
            type: "GET",
            url: "@Url.Content("~/Report/ViewReport")",
            data: {
                name:'try'
            },
            success: function () {
               alert("ok"); 
            },
            error: function () {
                alert("Error when update data");                    
            }
        });        
}

and here my Action in controller

public ActionResult ViewReport(string name)
    {
        Database db = new Database("Collections");
        List<report> data = new List<report>();
        data = db.Fetch<report>(@"select top 10 * from SampleTbl where name = @0",new object[]{name});
        return View(data);
    }

Try Changing url to `url: "Report/ViewReport"` – Hassan Imam May 05 '17 at 10:55 — Hassan Imam, May 05 '17 at 10:55

Satpal · Answer 1 · 2017-05-05T10:46:43.013

0

You need to use Url.Action() instead of using Url.Content().

Generates a fully qualified URL to an action method.

url: '@Url.Action("ViewReport", "Report")',

And you should type="button"

<input type="button" onclick="OnActionClick()" />

edited May 05 '17 at 10:46

answered May 05 '17 at 10:39

Satpal

132,252
13
159
168

yes,, I success use that method,, but I want to use ajax, how to make it? – Indra Suandi May 05 '17 at 10:45
@IndraSuandi, You should use `type="button"` – Satpal May 05 '17 at 10:46

score 0 · Answer 2 · edited May 23 '17 at 12:10

0

You should use @Url.Action() and not @Url.Content(). Please see this for difference between the two: MVC @Url.Content vs @Url.Action

edited May 23 '17 at 12:10

Community

1
1

answered May 05 '17 at 11:05

User3250

2,961
5
29
61

how to call controllers function with ajax when click button MVC

2 Answers2