通过AJAX请求执行操作DNN MVC

时间:2016-03-16 14:40:38

标签: jquery json asp.net-mvc dotnetnuke

我的DNN MVC开发过程中出现了另一个问题。我想知道这是否是一个错误/缺失的功能我犯了一个错误。 我将尝试解释下面的问题。

我想要实现的目标

我想通过调用AJAX帖子在我的控制器中执行一个动作。到目前为止它的作用。 但是,当我尝试将一些变量返回到我的View时,它不仅返回变量。它为响应添加了一个完整的HTML源代码。

JSON REPONSE

我的控制器

我的方法返回一个ActionResult(我尝试了JsonResult和其他不同的东西:HttpResponseMessage)。 程序本身正在工作,并返回JSON消息。

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

我的观点

下面的视图不是我的最终视图,但是要测试。

$("#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);
        }
    });
});

这是一个错误,还是我能解决的问题?非常感谢您的宝贵时间。 https://dnntracker.atlassian.net/browse/DNN-8522

3 个答案:

答案 0 :(得分:3)

根据DNN关于Unsupported MVC Features的文档,除了ActionResult之外的任何其他结果目前都不受支持。

我能够在我的一个MVC控制器方法中返回一个JsonResult,它将返回JSON响应,但是,正如您所提到的,附加到它的是View HTML。我的hacky解决方案是解析响应以获取我的json字符串。

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

但实际上,您需要为这些类型的服务创建WebAPI服务或处理程序,直到DNN添加对其他ActionResult类型的支持。

答案 1 :(得分:0)

你需要传递url和标题如下:

$.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 () { ... }

});

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

并且您必须在Module的根目录中包含RouteConfig.cs文件,并注册以下内容:

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

}

}

}

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

但是!!!

在dnn mvc modoule中使用ajax的最佳方法是使用DnnMvcAjaxHandler

然后你可以:

@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" })

答案 2 :(得分:0)

我一直很难用这个,在我尝试在网上找到的所有内容后,最终解决了问题的方法是替换javascript中的url:

@ Url.Action(&#34; ActionName&#34;,&#34; ControllerName&#34;,new {SomeParameter =&#34; SomeValue&#34;)) 到:

dnn.getVar(&#34; sf_siteRoot&#34;,&#34; /&#34;)+&#34; DesktopModules / MVC / ModuleName / Controller / Action&#34;