How to use Ajax with asp.net MVC4

Question

I am using X-Editable Plugin in Asp.net with jquery Datatables to edit my table. I'm using jQuery $.ajax() Method to make a call to a method in the controller but it's not hitting that method when this function is called. Anyone know how to work jQuery $.ajax() Method?

$('#example').dataTable();
"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {                  
               $('td', nRow).wrapInner('<a class="xediable-example" href="#"></a>').editable({
                   type: 'text',
                   pk: 1,
                   name: 'test',
                   url: function (params) {                           
                         var urlj = "TestMethod"
                           return $.ajax({
                           type: 'POST',
                           url: urlj,
                           data: JSON.stringify(params),
                           contentType: 'application/json; charset=utf-8',
                           dataType: 'json',
                           async: false,
                           cache: false,
                           timeout: 10000,                              
                       });
                   }
               });                   
               return nRow;
           }
       });

Control method:

public static string TestMethod(string name, string pk, string value)
{
    return "" ;
}

Error message :

Erreur du serveur dans l'application '/'.La ressource est introuvable. DescriptionÂ : HTTP 404. La ressource recherchée (ou l'une de ses dépendances) a peut-être été supprimée ou renommée ou bien elle n'est plus disponible temporairement. Vérifiez l'URL ci-après et assurez-vous qu'elle est correcte. URL demandÃ©e: /H41_TitreConge/TestMethod Informations sur la versionÂ : Version Microsoft .NET FrameworkÂ :4.0.30319; Version ASP.NETÂ :4.0.30319.17929

`TestMethod` needs to be a controller action, I'm guessing it isn't. — Mister Epic, Sep 26 '13 at 11:28
I agree with @Chris. Your TestMethod() is static, it means that it's located in static class also. But ASP.NET MVC doesn't allow static controllers or actions, so your TestMethod() couldn't be called by MVC - [explanation why it's done like that](http://stackoverflow.com/a/6127153/815960) — kasitan, Sep 26 '13 at 11:41

score 0 · Answer 1 · answered Sep 26 '13 at 11:26

var urlj = "TestMethod"

Is not a valid URI.

Change it to http://://TestMethod however your set up your environment.

Just try to access the TestMethod in your browser if you type in the service URL/TestMethod, it should actually give you some reasonable message.

Alex Costa · Accepted Answer · 2013-09-26T13:31:22.263

0

Your URL should be:

var urlj = '/YOUR_CONTROLLER_NAME/TestMethod'

Your test method must be like this:

[HttpPost]
public JsonResult TestMethod(string name, string pk, string value)
{
    return Json( ... )
}

edited Sep 26 '13 at 13:31

answered Sep 26 '13 at 11:30

Alex Costa

306
1
10

@user2819112 your TestMethod can't be `static` and it should return an `ActionResult` (or `JsonResult`). Check my edited answer. – Alex Costa Sep 26 '13 at 13:31

score 0 · Answer 3 · answered Sep 26 '13 at 11:41

0

Try this:

var urlj = "@Html.Action("TestMethod")"

answered Sep 26 '13 at 11:41

karaxuna

26,752
13
82
117

score 0 · Answer 4 · answered Sep 26 '13 at 11:41

0

By changing the Url to this also works ! Give it a try,

url: '@Url.Action("ActionName","ControllerName")',

answered Sep 26 '13 at 11:41

AthibaN

2,087
1
15
22

How to use Ajax with asp.net MVC4

4 Answers4