【.Net core】ajax+.Net core Web API 场景下的请求参数传递示例
假设我们有一个.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回调函数打印错误信息。
评论已关闭