假设我们有一个.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
回调函数打印错误信息。