首页 > 解决方案 > JQuery Ajax 函数未在 DNN 中调用后端方法

问题描述

我无法让 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:url: $.fn.GetBaseURL() + 'DesktopModules/ProductDetailedView/DeleteReviewData'

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

标签: c#jqueryajaxdotnetnukednn9

解决方案


这是一个例子:

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

接口方法:

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

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

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


推荐阅读