我正在尝试使用JavaScript循环从我的C#代码更新数据。但是它只执行一次c#方法。

我做了一个测试课:

public class testClass
{
    public static int result;
    public static int nb1;

    public static int add()
    {
        result = result + 1;
        return result;
    }
}


在我的JavaScript中,我这样做了:

<script>
    setInterval(Testing,3000);
    nb1 = 0;
    function Testing() {
      nb1 = nb1 + 1; //this is to test that the function really restart after 3 seconds
      document.getElementById('label').innerHTML = nb1 + " | " + @testClass.add(); ; // calling my c# method and print into a html label
    }




并将其显示在页面上:
this is what is displayed on my html page

如您所见,显示的数字显示javascript函数在3秒后是否重新启动,但c#方法未更新。

你有什么解决方案 ?

最佳答案

似乎您不太了解HTML,JS和C#如何协同工作。
当对您的服务器提出请求时,它将执行计算以返回文档。该文档以HTML格式呈现,并以JS形式添加了一些逻辑来补充它。

使用Razor时,可以有效地使用C#帮助构建文档,但不能在运行时使用。如果您希望前端文档能够与后端C#代码进行交互,则必须使用套接字(例如SignalR)或AJAX(这将是网页和后端之间异步通信的最主要方式)结束)。

通过与您一起逐步完成代码,我将帮助您理解。

您的剃须刀页面将开始生成。某一时刻它将检测到以下行:

document.getElementById('label').innerHTML = nb1 + " | " + @testClass.add(); ; // calling my c# method and print into a html label


在这里它将调用C#方法,将其转换为一个值,然后将该值放入JS代码中,因此,当文档发送到客户端(您的Web浏览器)时,代码将如下所示:

document.getElementById('label').innerHTML = nb1 + " | " + {THE CALCULATED VALUE} ; // calling my c# method and print into a html label


我将向您介绍此answer。在其中说明了如何执行您要尝试执行的操作。

09-10 05:38
查看更多