ajax 调用未命中 MVC 操作结果

Question

我有一个 ajax 调用需要命中我的 MVC 操作结果。我正在获取成功方法。它显示了我想要的 ID。当我调试时，我的断点永远不会命中，方法逻辑也不会触发（在这种情况下重定向到 Google）。

基本上，我有一个歌曲列表，当点击播放图标时，我希望通过 ajax 将 Id 传递到我的控制器，这样我就可以计算它并将播放次数保存到我的数据库中。

这是我的脚本：

$(document).ready(function() {
    $('.playbtn').click(function () {
        var clickedSongId = $(this).find('i').data('songid');
        var fightsong = { Id: clickedSongId };
        $.ajax({
            type: "POST",
            url: '@Url.Action("UpdatePlayCount", "Team")',
            contentType: "application/json; charset=utf-8",
            //data: fightsong,
            data: fightsong,
            dataType: "json",
            success: function () { alert('Success'); },
            error: function (data) {
                alert(clickedSongId);}
        });            
    });
});

这是我的控制器：

[HttpPost]
public ActionResult UpdatePlayCount(int id)
 {
    return Redirect("http:www.google.com");
 }

Answer 1

您可能需要stringify数据

data: JSON.stringify(fightsong)

Answer 2

var url = '@Url.Action("UpdatePlayCount", "Team")';
var clickedSongId = $(this).find('i').data('songid');
var fightsong = { Id: clickedSongId };

jQuery.ajax(url, {type: 'POST', data: fightsong}).done(function(data)
{
    //write code with javascript if you want redirect
}).fail(function(jqXHR, textStatus)
{
     //write code to handle error
});

ajax 调用未命中 MVC 操作结果

ajax call not hitting MVC Action Result

ajax

asp.net-mvc

jquery

asp.net-ajax