Как нажимать ссылку ajax?

Question

AjaxOptions ajaxMainArea = new AjaxOptions() { HttpMethod = "Post", UpdateTargetId = "main_area" }; 
@Ajax.ActionLink("new game", "Game", ajaxMainArea) 

Мне нужно щелкнуть по javascript.

function newgame(cost) { 
    //here I need call ajax method 
} 

Как это сделать?

Answer 1

@Ajax.ActionLink("new game", "Game",null, ajaxMainArea,new { @id="aNewGame" }) 

и в вашем скрипте привяжите функциональность к элементу.

$(function() { 
    $("#aNewGame").click(function (e) { 
     e.preventDefault(); 
     $.get("YourController/ActionMethod", { yourData: "someValue" }, function (response) { 
      //Do whatever with the reponse. 
     }); 
    }); 
}); 

Предполагая, что на вашей странице загружен jQuery.

Если я делаю некоторые пользовательские вещи со ссылками, как это, я просто использовать обычный HTML ActionLink помощника и связать функциональные возможности, которые, как этот

@Html.ActionLink("new game", "Game",null,new {@id="aNewGame"}) 

и сценарий

$(function() { 
    $("#aNewGame").click(function (e) { 
     e.preventDefault(); 
     $.post("YourController/ActionMethod", { yourData: "someValue" }, function (response) { 
      $("#main_area").html(response); 
      //If you want to do something else, you can do it here. :) 
     }); 
    }); 
});