Razor非常强大，但无法刷新，因此需要与ajax一起使用

本文将给出一个简单的例子，用ajax实现Razor的局部刷新。

首先，我们创建一个MVC项目

让我们创建一个简单的控制器手册

然后向其中添加一个视图，并添加一些简单的Html代码

@{ ViewBag。标题=“索引”；布局=null}!DOCTYPE html html head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/meta charset=' utf-8 '/meta name=' viewport ' content=' width=device-width，initial-scale=1.0 '/head body H2 index/H2 @ html . action link('点击我'，' Part '，' Book ')；div id='partial' /div @Scripts。render(' ~/bundle/jquery ')脚本类型='text/javascript' $('a ')。单击(function () { $)。Ajax({ URL : '/Test/Book/Part/1 '，success:函数(结果){ console.log(结果)；$('#partial ')。html(结果)；}，error:函数(msg){ console . log(msg)；} })返回false});/script/body/Html在这里，我添加了一个div，并给出了一个id='partial '。当我点击@Html时。ActionLink，它将触发javascript中的方法，并使用ajax访问路径/Test/Book/Part/1。请求成功后，我请求的html将构建在div中，这实际上是部分刷新的原则

这是零件的代码，然后我们给零件添加一个视图

Part的代码可以非常简单，然后我们打开我们的项目

我们不停地点击“点击我”按钮

页面会不断变化。

这里需要注意的是，当使用AJAX请求时，必须完整地写入Url。例如，如果我的控制器在“区域和测试”下的“书籍”文件夹下被命名为“测试”，操作为“部分”，则Url为/Test/Book/Part，并且/Test不能缺失，否则将出现以下错误

可以看出，如果Url没有写完全，那么Action返回的View实际上是错误的路径。

摘要

以上是边肖介绍的使用Ajax在本地更新Razor页面的示例代码。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！