ajax調用未達到MVC操作結果

Question

我有一個ajax調用，需要點擊我的MVC操作結果。 我正在激發成功的方法。 它顯示我想要的ID。 調試時，斷點不會被觸發，方法邏輯也不會觸發（在這種情況下，重定向到Google）。

基本上，我有一個歌曲列表，當單擊播放圖標時，我希望ID通過ajax傳遞給我的控制器，這樣我就可以對其進行計數並將播放計數保存到我的數據庫中。

這是我的腳本：

$(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

您可能需要字符串化數據

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
});