ASP.NET core MVC,页面如何在function中通过url调用控制器中的action,请写一些示例
时间: 2024-03-12 15:47:32 浏览: 25
假设我们有一个控制器叫做 `HomeController`,里面有一个名为 `Index` 的 action,我们可以通过以下方式在页面中通过 url 调用它:
1. 在 JavaScript 函数中使用 jQuery 的 `$.get()` 方法:
```javascript
function callControllerAction() {
$.get("/Home/Index", function(data) {
// 处理返回的数据
});
}
```
2. 在 JavaScript 函数中使用 Fetch API:
```javascript
function callControllerAction() {
fetch("/Home/Index").then(function(response) {
return response.text();
}).then(function(data) {
// 处理返回的数据
});
}
```
3. 在 HTML 中使用超链接:
```html
<a href="/Home/Index">调用 Index Action</a>
```
4. 在 HTML 中使用表单:
```html
<form action="/Home/Index" method="post">
<input type="submit" value="调用 Index Action">
</form>
```
以上示例中,我们都是通过 url `/Home/Index` 来调用 `HomeController` 中的 `Index` action,如果需要传递参数,可以在 url 中添加 query string 或者在表单中添加 input 元素来传递参数。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)