下面是一个示例代码,演示如何在ASP.NET Core 2.1 MVC中使用XMLHttpRequest从JavaScript向Action方法发送数据:
在Controller中创建一个接收数据的Action方法:
[HttpPost]
public IActionResult ReceiveData([FromBody] string data)
{
// 处理接收到的数据
// ...
return Ok();
}
在JavaScript代码中使用XMLHttpRequest来发送数据:
function sendData() {
var data = "Hello, world!"; // 要发送的数据
var xhr = new XMLHttpRequest();
xhr.open("POST", "/ControllerName/ReceiveData", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功
console.log("数据发送成功");
}
};
xhr.send(JSON.stringify(data));
}
确保将/ControllerName/ReceiveData
替换为实际的Controller名称和Action方法名称。
在HTML页面上调用JavaScript函数:
当用户点击"发送数据"按钮时,JavaScript代码将使用XMLHttpRequest发送数据到指定的Action方法。在Action方法中,可以通过参数接收发送的数据,并进行处理。