@Ajax.ActionLink is using GET instead of POST

2019-07-17 02:46发布

I am really bummed out that I can't figure out this simple problem even after hours of research:

@Ajax.ActionLink("Test", "Test", new AjaxOptions { HttpMethod = "Post" })

<a data-ajax="true" data-ajax-method="Post" href="/Home/Test">Test</a>

It's as simple as it can get but it makes a GET request to /Home/Test even though I specified POST.

Inside _Layout.cshtml I have

<body>

@RenderBody()

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)

</body>

The bundle jquery val includes

jquery.validate.js
jquery.validate.unobtrusive.js

1条回答
ら.Afraid
2楼-- · 2019-07-17 03:05

Usually when you want to submit data you use a form and a submit button. In my opinion it's not a good idea to use POST method on an action link.

Try using @Ajax.BeginForm(...){}.

And before you do this, make sure you have enabled <add key="UnobtrusiveJavaScriptEnabled" value="true" /> in your web.config. After you check this, open your web application and look at the source code an make sure you have the following files included:

<script src="∼/Scripts/jquery-1.10.2.js"></script>
<script src="∼/Scripts/jquery.unobtrusive-ajax.js"></script>

Make sure also that your browser has Javascript enabled.

If none of this solves your problem, try adding the url to the options:

@Ajax.ActionLink("Test", "Test", new AjaxOptions { HttpMethod = "Post", Url = Url.Action("Test") })

This is a fallback for the cases in either the user has Javascript disabled, either you missed the reference to jquery.unobtrusive-ajax.js.

查看更多
登录 后发表回答