我正在尝试使用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。在其中说明了如何执行您要尝试执行的操作。