C# MVC ajax将json传到后台接口

**C# MVC Ajax 将 JSON传到后台接口**

在 C# MVC 中，使用 Ajax 来向后台接口传递 JSON 数据是非常常见的需求。下面我们将一步步地讲解如何实现这一点。

### **1. 创建一个 MVC项目**

首先，我们需要创建一个新的 MVC项目。在 Visual Studio 中，可以通过以下步骤来完成：

* 新建 -> Web -> ASP.NET Web Application*选择 "MVC" 模板* 点击 "Next"
* 输入项目名称和位置* 点击 "Create"

### **2. 创建一个模型**

在我们的例子中，我们需要创建一个模型来存储 JSON 数据。我们将其命名为 `Person`：

csharppublic class Person{
 public string Name { get; set; }
 public int Age { get; set; }
}

### **3. 创建一个控制器**

接下来，我们需要创建一个控制器来处理 Ajax 请求。在我们的例子中，我们将其命名为 `HomeController`：

csharppublic class HomeController : Controller{
 [HttpPost]
 public JsonResult Index(Person person)
 {
 // 处理 JSON 数据 return Json(new { message = "JSON 数据已接收" });
 }
}

### **4. 在视图中使用 Ajax**

在我们的例子中，我们需要在视图中使用 Ajax 来向后台接口传递 JSON 数据。在 Razor 视图中，可以使用以下代码来实现：

html@{
 ViewBag.Title = "Home Page";
}

<div>
 <h2>JSON 数据</h2>
 <input id="name" type="text" placeholder="Name">
 <input id="age" type="number" placeholder="Age">
 <button id="submit">Submit</button>
</div>

<script>
 $(document).ready(function () {
 $("#submit").click(function () {
 var name = $("#name").val();
 var age = $("#age").val();

 $.ajax({
 type: "POST",
 url: "/Home/Index",
 data: JSON.stringify({ Name: name, Age: age }),
 contentType: "application/json; charset=utf-8",
 dataType: "json",
 success: function (data) {
 alert(data.message);
 },
 error: function (xhr, status) {
 alert("Error: " + xhr.responseText);
 }
 });
 });
 });
</script>

### **5. 在控制器中处理 JSON 数据**

在我们的例子中，我们需要在 `Index` 方法中处理传递过来的 JSON 数据。在 Razor 视图中，可以使用以下代码来实现：

csharp[HttpPost]
public JsonResult Index(Person person)
{
 // 处理 JSON 数据 return Json(new { message = "JSON 数据已接收" });
}

### **6. 测试**

最后，我们需要测试一下我们的应用程序。在浏览器中，可以使用以下步骤来完成：

* 打开浏览器并访问 ` />* 在输入框中输入 JSON 数据* 点击 "Submit" 按钮* 查看控制台输出通过以上步骤，我们可以成功地将 JSON传递到后台接口，并在控制台中查看结果。

### **总结**

在本文中，我们讲解了如何使用 C# MVC 和 Ajax 将 JSON 数据传递到后台接口。在我们的例子中，我们创建了一个模型、控制器和视图，然后使用 Ajax 来向后台接口传递 JSON 数据。通过以上步骤，我们可以成功地将 JSON传递到后台接口，并在控制台中查看结果。

### **参考**

* [ASP.NET MVC]( />* [Ajax]( />* [JSON](