MVC JavaScript() 实现后端执行/调用JS脚本

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/o527883184/article/details/73732254

在mvc中,JavaScriptResult可非常简单的实现在action返回时执行一段后端写的js脚本或者调用前端的js方法,具体如下。
1.在后端编写并执行js脚本

    // 在后端编写并执行js方法showMsg
    protected ActionResult CloseDialog(int closeType)
    {
        return JavaScript("function showMsg(){alert('message!');};showMsg();");
    }

注意事项:JavaScript()方法中无需添加script标识,即

2.在后端调用前端js脚本方法

   // 调用原始js方法(调用方法时只需指定方法名)
    protected ActionResult CloseDialog(int closeType)
    {
        return JavaScript("alert('原生js方法');");
    }

注意事项:调用前端方法时,默认调用当前action对应视图页面的js方法,也可调用外部js文件方法,与前端调用基本无区别,效果不再展示

以上即如何使用mvc中的JavaScriptResult类实现后端执行/调用JS脚本,下面讲解如何实现脚本在前端执行,并非作为文本被输出

之前也在网上找到许多文章讲解使用JavaScriptResult但总会出现一些问题,例如脚本被直接输出为文本而不被执行,或者由于jquery版本问题导致jquery.unobtrusive-ajax.js报错等。

使用JavaScriptResult类实现执行脚本有两点需要注意

1.执行js脚本方法的视图页需引用jquery.unobtrusive-ajax.js
2.执行脚本调用,基于ajax请求,如form表单提交。在form标签中需添加属性data-ajax=”true”

到此,关于JavaScriptResult 实现js执行脚本讲解完毕,附上jquery.unobtrusive-ajax.js下载链接

本文用的富文本编辑器为wangEditor可自行百度,后期也会对其进行讲解

网站包括文章提供的文件下载均使用 七牛云存储(因为有免费赠送的存储空间及流量),有需要的可以点击查看

题外话:本打算利用周末将博客网站做出一些修改完善,但针对管理端的修改不知不觉进行到现在。管理端的基本功能都已实现,还有一些bug需修复,同时伴随着管理端的不断使用,功能也在不断的添加、更新、完善。如系统前期并没有使用后端调用前端js方法而是使用JSON返回一些结果,再根据返回结果去调用js。伴随着一步一步的开发,总会有一些新的需求,同时也促使着我们去了解去学习更多,而博客网站建立的初衷就是能将整个系统开发记录下来,将在系统开发中遇到的问题及解决方法记录下来并分享给他人。这篇文章是第一篇,介绍的东西也十分简单,但这背后有着一整套的系统作为支撑。我想说,其实你看到的要比你没看到的多得多,对与管理端的整体架构、针对网站的各种配置设置将会在以后一点一点的记录并展示出来。

[原文来自我的个人博客网站(正在建设中)]

阅读更多

没有更多推荐了,返回首页