【.Net core】ajax+.Net core Web API 场景下的请求参数传递示例

作者：System 时间：2024年08月19日分类：所有,ajax 字数：1497

假设我们有一个.Net Core Web API的控制器，它处理来自Ajax请求的HTTP GET请求，以下是一个简单的例子：

首先，在.Net Core Web API中创建一个控制器：




using Microsoft.AspNetCore.Mvc;
 
namespace ExampleWebApi.Controllers
{
    [Route("api/[controller]")]
    [ApiController]
    public class ValuesController : ControllerBase
    {
        // GET api/values/
        [HttpGet]
        public ActionResult Get(int id)
        {
            // 逻辑处理...
            return Ok(new { Message = $"Value received: {id}" });
        }
    }
}

然后，在客户端使用Ajax发送请求：




<!DOCTYPE html>
<html>
<head>
    <title>Ajax Request Example</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#btnSendRequest").click(function(){
                $.ajax({
                    type: "GET",
                    url: "/api/values/",
                    data: { id: 5 },
                    success: function(data){
                        alert(data.Message);
                    },
                    error: function(jqXHR, textStatus, errorThrown){
                        console.log('Error: ' + textStatus);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <button id="btnSendRequest">Send Request</button>
</body>
</html>

在这个例子中，当用户点击按钮时，Ajax会向"/api/values/"发送一个GET请求，并带有一个名为"id"的参数，其值为5。服务器响应请求，并通过Ajax的success回调函数在浏览器中显示消息。如果请求失败，将通过error回调函数打印错误信息。

【.Net core】ajax+.Net core Web API 场景下的请求参数传递示例

评论已关闭

推荐阅读