CODEWITHSUNDEEP
asp.net-mvcasp.net-mvc-3jquery
1110
1110

Reputation: 6829

ActionLink to HttpPost action method

I have this link on my page:

@Html.ActionLink("Like", "Like", "Like", new {likeId = i.ItemId}, new {id = @i.ItemId, @class = "likeButton"})

This is my ajax call:

$(document).on("click", ".likeButton", function (event) {

        var itemId = event.target.id;

        $.ajax({
            url: this.href,
            type: 'POST',
            data: { item: itemId },
            context: this,
            success: function (result) {
                ...
        return false;
    });

And it works when action metohd is like:

public ActionResult Like(int itemId)
...

But if I decorate method with [HttpPost] It doesn't work.
Can this be achieved?
Also what security issue can be if I don't add [HttpPost]?

Upvotes: 1

Views: 669

Answers (1)

karaxuna
karaxuna

Reputation: 26930

Try this:

$(document).on("click", ".likeButton", function (event) {

    $.ajax({
        url: this.href,
        type: 'POST',
        context: this,
        success: function (result) {
            ...
    return false;
});

You are passing item.Id twice, first in url and second in body. when using post method, you can still pass parameters through url. passing parameters with body is good when you want to hide these parameters.

And one more thing, you can use Ajax.ActionLink in this case (because it is created for this kind of cases)

And you have mistake:

data: { item: itemId }

Should be:

data: { itemId: itemId },

Upvotes: 2

Related Questions