ContentResult 与 JsonResult 使用 ajax

Ajax

使用Ajax进行数据交互是前端开发中非常常见的一种方式。其中，常用的返回结果类型有ContentResult和JSonResult。本文将介绍如何使用这两种返回结果类型进行Ajax请求，并且给出相应的案例代码。

首先，我们来介绍一下ContentResult。ContentResult是MVC框架中的一个ActionResult，它用于返回纯文本数据或者HTML片段。在Ajax请求中，我们可以使用ContentResult返回相应的数据。

下面是一个使用ContentResult进行Ajax请求的示例代码：

csharp
[HttpPost]
public ContentResult GetData(int id)
{
    // 根据id获取相应的数据
    // ...
    string result = "获取到的数据"; // 假设获取到的数据为字符串
    return Content(result);
}

在上述代码中，我们通过HttpPost属性指定了该方法只响应POST请求，并且接受一个id参数作为输入。根据id获取到相应的数据后，将其赋值给result变量，然后使用Content方法将result作为纯文本数据返回。

接下来，我们介绍一下JSonResult。JSonResult同样是MVC框架中的一个ActionResult，它用于返回序列化后的JSON数据。在Ajax请求中，我们可以使用JSonResult返回相应的数据。

下面是一个使用JSonResult进行Ajax请求的示例代码：

csharp
[HttpPost]
public JSonResult GetData(int id)
{
    // 根据id获取相应的数据
    // ...
    var result = new { data = "获取到的数据" }; // 假设获取到的数据为一个对象
    return JSon(result);
}

在上述代码中，我们同样通过HttpPost属性指定了该方法只响应POST请求，并且接受一个id参数作为输入。根据id获取到相应的数据后，将其封装为一个匿名类型对象result，然后使用JSon方法将result序列化为JSON数据返回。

在使用Ajax进行数据交互时，我们可以根据具体的需求选择使用ContentResult或者JSonResult。如果需要返回纯文本数据或者HTML片段，可以使用ContentResult；如果需要返回JSON数据，可以使用JSonResult。

案例代码：

在下面的示例中，我们使用Ajax进行数据交互，根据用户输入的id值，通过ContentResult返回相应的数据。

Javascript
$.Ajax({
    url: '/GetData',
    type: 'POST',
    data: { id: 1 },
    success: function(data) {
        $('#result').html(data);
    }
});

在上述代码中，我们使用$.Ajax方法发起一个POST请求，请求的URL为/GetData，请求参数为id=1。当请求成功后，将返回的数据赋值给id为result的元素。

这是一个简单的使用Ajax进行数据交互的例子。通过ContentResult返回纯文本数据，我们可以在前端页面上进行相应的处理和展示。

：

本文介绍了使用ContentResult和JSonResult进行Ajax请求的方法，并给出了相应的案例代码。使用Ajax进行数据交互可以提高前端页面的用户体验，同时也方便了前后端的数据传输和交互。在实际开发中，我们可以根据具体的需求选择合适的返回结果类型，并结合相应的技术和工具进行开发。