Executing an action by an AJAX request DNN MVC

Another problem occured in my DNN MVC development journey. I am wondering whether this is a bug/missing feature of I've made a mistake. I will try to explain the problem below.

What I want to achieve

I want to execute an action in my controller by calling an AJAX post. So far it works. However, when I try to return some variables to my View, it doesn't only return the variables. It adds an whole HTML-source to the response.

JSON REPONSE

My controller

My method returns an ActionResult (I tried JsonResult and something different: HttpResponseMessage as well). The program itself is working and does return the JSON-message.

public ActionResult Mark(int itemId)
{
    var item = _itemService.GetItem(itemId, ModuleContext.ModuleId);

    // Check if item exists
    if (item == null)
        return Json(new { success = false, Description = "the item you want to vote for does not exist (anymore)" }, JsonRequestBehavior.AllowGet);

    // Check if user is voting on his own item
    if (item.CreatedByUserId == User.UserID)
        return Json(new { success = false, Description = "it is not allowed to vote for your own item" },  JsonRequestBehavior.AllowGet);

My View

The View below isn't my final View, but's meant to test.

$("#button").click(function () {
    $.ajax({
     type: "POST",
        url: "@Url.Action("Mark", "Vote")",
        dataType: "json",
        data: { itemId: JSON.stringify(16) },
        success: function (data) { console.log(data); },
        error: function (errMsg) {
            responseText = jQuery.parseJSON(errMsg.responseText);
            console.log(responseText.Description);
        }
    });
});

Is this a bug, or something I am able to fix? Thank you very much for your time. https://dnntracker.atlassian.net/browse/DNN-8522

标签： jquery json asp.net-mvc dotnetnuke

3条回答

Juvenile、少年°

2楼-- · 2020-06-28 04:05

I have been having a hard time with this too, what finally resolved the issue after trying everything I found on the web was to replace the url in the javascript from:

@Url.Action("ActionName", "ControllerName", new {SomeParameter = "SomeValue")) To:

dnn.getVar("sf_siteRoot", "/") + "DesktopModules/MVC/ModuleName/Controller/Action"

0人赞添加讨论(0) 举报

我想做一个坏孩纸

3楼-- · 2020-06-28 04:08

According to DNN's documentation on Unsupported MVC Features, any result other than ActionResult isn't currently supported.

I was able to return a JsonResult in one of my MVC controller methods and it would return the JSON response but, like you mentioned, appended to it was the View HTML. My hacky solution was to parse the response to get my json string out of it.

...
success: function (response) {
    var dnnViewResp = response.xhr.responseText;
    dnnViewResp = dnnViewResp.substring(0, dnnViewResp.indexOf("<!DOCTYPE html>"));
    var data = JSON.parse(dnnViewResp);
}

But really, you need to create a WebAPI service or handler for these types of services until DNN adds support for other ActionResult types.

0人赞添加讨论(0) 举报

forever°为你锁心

4楼-- · 2020-06-28 04:29

you need to pass url and headers like bellow:

$.ajax({

type: 'post',

url: "/DesktopModules/MVC/YourModuleName/controllerName/actionName",

data: {itemId:JSON.stringify(16)},

headers: {

"ModuleId": @Dnn.ModuleContext.ModuleId,

"TabId":@Dnn.ModuleContext.TabId,

"RequestVerificationToken": $("input[name='__RequestVerificationToken']").val()

},

success: function (data) { ... },

error: function () { ... }

});

=======================================================

and you must have RouteConfig.cs file in root of Module with following content to register route :

using DotNetNuke.Web.Mvc.Routing;
namespace Dnn.Modules.YourModuleName

{

public class RouteConfig : IMvcRouteMapper

{

public void RegisterRoutes(IMapRoute mapRouteManager)

{

mapRouteManager.MapRoute("YourModuleName", "YourModuleName", "{controller}/{action}", new[]

{"Dnn.Modules.YourModuleName.Controllers"});

}

}

}

==========================================

But !!!

best way to work with ajax in dnn mvc modoule is use of DnnMvcAjaxHandler library

then you can have :

@AjaxHandler.ActionLink(linkText: "delete", actionName: "delete", controllerName: "home", routeValues: new { id = item.Id }, ajaxOption:

new AjaxHandlerOption

{

LoadingElementId = "#global-ajax-loading",

OnConfirm = "are you sure ?",

},

htmlAttributes: new { @class = "btn btn-danger btn-xs" })

0人赞添加讨论(0) 举报

Executing an action by an AJAX request DNN MVC

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间