ASP.NET AJAX MVC - Calling Controller Method from View

Marcelo Souza

8y3.7k.NET

I need to call a controller method (this method will return TRUE or FALSE) from my view in order to show a "hands-up or hands-down" image. Bellow you will find my code. Am I in the right path? I don't have experience with ajax so every help is appreciated.

The results below are return only one image (the first line in the table), despite of the table on my Index view returning many lines. What am I doing wrong?

What should I do to my boolean method return true or false, depending on a parameter (like IdClient)? Note that in this example, I'm always returning false (just to test it...).

Controller Method:

public bool GetTrueOrFalse()

{

return false;

}

My View:

@model IEnumerable
@{
ViewBag.Title = "Index";
}
Index
"~/Scripts/jquery-1.10.2.js">
"~/Scripts/jquery.unobtrusive-ajax.js">
"text/jscript">
$.ajax({
url: '@Url.Action("GetTrueOrFalse", "Clientes" )',
success: function (result) {
var str = result.toLowerCase();
if (JSON.parse(str)) {
$("#ddlVerFalse").append(" ")
} else {
$("#ddlVerFalse").append(" ")
}
}
});
@Html.ActionLink("Create New", "Create")
class="table">
Status
@Html.DisplayNameFor(model => model.NmCliente)
@Html.DisplayNameFor(model => model.Estado.NmEstado)
@foreach (var item in Model)
{
"ddlVerFalse">
@Html.DisplayFor(modelItem => item.NmCliente)
@Html.DisplayFor(modelItem => item.Estado.NmEstado)
@Html.ActionLink("Edit", "Edit", new { id=item.IdCliente }) |
@Html.ActionLink("Details", "Details", new { id=item.IdCliente }) |
@Html.ActionLink("Delete", "Delete", new { id=item.IdCliente })
}

Thanks.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Catcher Wong8y ago
Of course it will repeate when you put the AJAX request in the loop !!

Maybe you can use AJAX to get all the datas that you need to show in the table ! In this time you can do what you want !
0
Marcelo Souza8y ago
Catcher, one more thing:

I did some changes a think it is necessary (but maybe you can tell me if it need some change). Since I need to pass the id of the item as a parameter to the ajax method, I have placed the ajax script inside the "for each" code. That brings me the result for each item, but all of them in just one line (that is my problem). Below is my code:

@foreach (var item in Model)
{

@Html.DisplayFor(modelItem => item.Name)
...

The question is: Why is it repeating the results in the first line?
0
Marcelo Souza8y ago
Hi Catcher

It actually works, but the problem is that it repeats the results of
in just one line! I mean, if my table has 10 lines, the first line will have 10 times the result of my method (instead of on result per line). All the other lines shows nothing (in the column related to the ajax call).

Do you know what is going on?

By the way, thanks for your help!
0
Catcher Wong8y ago
Marcelo ,

Try the following code !

In your controller method , you can return JsonResult .
public JsonResult GetTrueOrFalse(int id)
{
     if (id <= 0)
         return Json(false,JsonRequestBehavior.AllowGet);
     else
         return Json(true, JsonRequestBehavior.AllowGet);
}
And in your view , you need to specify the data you want to pass to the method in your controller.
$.ajax({
    url: '@Url.Action("GetTrueOrFalse", "Clientes" )',
    data: { id: 1 },
    dataType: 'JSON',
    method : 'GET',
    success: function (result) {
        if (result) {
            $("#ddlVerFalse").append(" ")
        } else {
            $("#ddlVerFalse").append(" ")
        }
    }
});
0