如何正确执行CMVC中的前端JavaScript代码？

### 一、使用JavaScriptResult类执行后端编写的JS脚本

| 小标题 | 说明 |

| –| –|

| 直接返回JavaScript代码 | 在控制器的方法中，使用`JavaScript`方法返回要执行的JS代码。
“`java
protected ActionResult CloseDialog(int closeType) {
return JavaScript(“function showMsg(){alert(‘message!’);};showMsg();”);
}“`
注意：`JavaScript()`方法中无需添加`script`标识。 || 调用前端JS方法 | 在控制器中调用原始的JS方法，只需指定方法名即可，默认调用当前Action对应视图页面的JS方法，也可调用外部JS文件的方法。
“`java
protected ActionResult CloseDialog(int closeType) {
return JavaScript(“alert(‘原生js方法’);”);
}“` |

### 二、在前端执行后端传递过来的JS代码块（以Vue为例）

| 小标题 | 说明 |

| –| –|

| 前端生成JS代码块 | 创建子组件，用于输入和保存JS代码块，并通过接口传递给后端，在父组件中使用该子组件，并接收从子组件传递过来的JS代码块，再将其传递给后端。
“`html

…

“`
父组件通过`@chang-jsDmk=”changjsCode”`接收子组件传递的JS代码块。 |

| 运行JS代码块 | 在Vue中，可以使用`new Function()`构造函数来执行后端传递过来的JS代码块，但需要注意安全问题，避免执行不受信任的代码导致XSS攻击等安全风险。 |

### 三、相关问题与解答

#### 问题1：如何在CMVC中实现后端执行一段JS脚本并在前端显示结果？

答：在CMVC中，可以通过在控制器中使用`JavaScriptResult`类来实现后端执行JS脚本，具体步骤如下：

1. 在控制器的方法中，使用`JavaScript`方法编写要执行的JS脚本，并返回一个包含该脚本的`ActionResult`对象。

2. 确保执行JS脚本方法的视图页引用了`jquery.unobtrusive ajax.js`。

3. 在前端页面中，通过Ajax请求调用该控制器方法，浏览器会自动执行返回的JS脚本并显示结果。

示例代码：

后端控制器方法：

“`java

protected ActionResult ShowMessage() {

return JavaScript(“function showMsg(){alert(‘Hello, World!’);};showMsg();”);

“`

前端页面（假设使用了jQuery）：

“`html

“`

#### 问题2：在CMVC中如何调用前端的JS方法？

答：在CMVC中，可以通过以下几种方式调用前端的JS方法：

1. **直接在控制器中使用`JavaScript`方法调用**：在控制器的方法中，使用`JavaScript`方法直接编写调用前端JS方法的代码，并返回一个包含该代码的`ActionResult`对象。

后端控制器方法：

“`java

protected ActionResult CallFrontEndMethod() {

return JavaScript(“alert(‘原生js方法’);”);

“`

前端页面无需额外操作，浏览器会自动执行返回的JS代码并调用对应的前端JS方法。

2. **通过按钮的`onclick`事件调用**：可以在服务器端控件的`OnClientClick`属性中赋值为要调用的前端JS方法，当用户点击该按钮时，会触发对应的前端JS方法。

“`asp

“`

在前端页面中定义`SayHello`方法：

“`javascript

function SayHello() {

alert(‘Hello from front end!’);

“`

以上就是关于“cmvc执行前端js”的问题，朋友们可以点击主页了解更多内容，希望可以够帮助大家!