JQuery Ajax 函数未在 DNN 中调用后端方法

Question

我无法让 DotNetNuke 从我的 JQuery Ajax 函数执行后端代码。 我的 View.ascx 文件中有以下 JQuery 代码

我确实尝试将 URL 更改为 View.ascx/DeleteReviewData 但没有成功。

function deleteReview(ReviewID){
    var ReviewIDToDelete = ReviewID;
    $.ajax({
        type: "POST",
        contentType: "application/json",
        url: "https://dnndev.me/Product-View/DeleteReviewData",
        data: "{'deleteReviewID': '"+ ReviewIDToDelete +"'}",
        datatype: "json",
        success: function (data) {
            alert("Delete successfull");
        },
        error: function (error) {
            alert(error);
        }
    });
}

这是我没有在 View.ascx.cs 文件上执行的后端代码：

[System.Web.Services.WebMethod]
    public static void DeleteReviewData(int deleteReviewID)
    {
        try
        {
            //Deletes a review from the database
            using (SqlConnection connection = new SqlConnection(ConfigurationManager.ConnectionStrings["SiteSqlServer"].ToString()))
            {
                connection.Open();

                using (SqlCommand command = new SqlCommand($"delete from ProductReviews where ReviewID = {deleteReviewID}"))
                {
                    command.Connection = connection;
                    command.ExecuteNonQuery();
                }
                connection.Close();
            }
        }
        catch(Exception ex)
        {
            throw;
        }
    }

如果我应该使用 MapHttpRoute。请问有人举个例子吗？

我查看了以下帖子，但不确定是否使用 RouteConfig.cs 和额外的标头等：https://www.dnnsoftware.com/answers/execute-an-action-by-calling-an-ajax-post

我目前没有收到任何控制台错误。它进入成功部分。 当我在调试时将鼠标悬停在 Type、ContentType 或其中任何一个上时，它说未定义。请参见下面的示例。该网站正在使用 JQuery 01.09.01

第二张图片

更新

我更改了网址，现在出现 404 错误：url: $.fn.GetBaseURL() + 'DesktopModules/ProductDetailedView/DeleteReviewData'

我还尝试使用此 URL 路径添加 API API/DeleteReviewData，但我收到 [object Object] 错误，因为它在控制台中显示 404 错误。

Answer 1

这是一个例子：

    $.ajax({
        data: { "Id": IdToDelete },
        type: "POST",
        dataType: "json",
        url: "/DesktopModules/{API-ProjectName}/API/Main/DeleteExpenseByID"
    }).complete(function () {
        //...
    });

API方法：

    [HttpPost]
    [DnnAuthorize]
    public void DeleteExpenseByID(int Id)
    {
       //...
    }

您需要发送一个数字，这样您就不需要 ReviewIDToDelete var 周围的“'”。

还要检查 [POST] 属性的 DeleteReviewData，它似乎是 [GET] 调用。