使用 ajax ASP.NET 从数据库中获取信息

Question

每当select-字段发生变化时，我都会尝试从数据库中的表中获取一些信息。

我能够做出响应，并且 Ajax jQuery 函数返回成功（函数）
问题是我不知道如何使用 ASP.net MVC 从我的数据库返回数据。
我从我的 Ajax 成功调用中得到的响应是这样的文本：

ProduktWebKort.Models.WarehouseCustomer[]

这是我的控制器的一部分，带有通过 Ajax 调用的函数

[HttpPost]
public string OnChange(int id)
{
    return db.Customers.Where(C => C.CustomerID == id).ToString();
}

我的 Ajax 调用如下所示：

<script type="text/javascript">
$(function () {
    // Document.ready -> link up remove event handler
    $("#CustomerID").change(function () {
        alert("Hej");
        var option = $('option:selected', this).val();
        $.ajax({
            type: "POST",
            url: '@Url.Action("Index/1", "Session")',
            contentType: "application/json; charset=utf-8",
            data: { id: 1 },
            dataType: "html",
            success: function (success) {
                alert('Success');
                console.log(success);
                for (var i = 0; i < success.length; i++) {
                    $(".form-horizontal").append("<li>" + success[i] + "      </li>");
                    console.log(success);
                }
            },
            error: function (e, text, string) {
                alert(e.message + text + string);
                console.log(e);
            }
        });
    });
});
</script>

我想返回来自WarehouseCustomer 的每个条目，并从我的选择字段中返回ID 为CustomerID。

Answer 1

.NET 中.ToString() 方法的默认实现是返回对象的类型。因此，您得到的结果文本正是您要处理的内容：WarehouseCustomer 对象数组：

ToString 方法的默认实现返回 Object 类型的完全限定名称，如下例所示。

要从服务器获取数据，您应该以 XML 或 JSON 形式（首选变体）序列化数据对象，以便在客户端解析它们。

您可以使用的方法有很多，因此您应该只选择您喜欢的一种。我建议您查看@mason 的回答，因为它看起来是解决您问题的最佳方法。

Answer 2

在 MVC 5 项目中，您使用 Web API 来响应 AJAX 请求。 Web API 检查请求中的请求内容以及客户端支持的格式。然后它会适当地序列化为 JSON 或 XML 或其他格式。它还紧跟 MVC 架构，并在即将到来的 MVC 6 中合并到 MVC 框架中。

通过 NuGet 在您的项目中安装 Web API。启用attribute routing。

[RoutePrefix("api/customers")]
public class CustomerController : ApiController
{
    [Route("byid/{id}")]
    public List<Customer> GetCustomers(int id)
    {
        return db.Customers.Where(C=>C.CustomerID==id).ToList();
    }
}

这应该以客户端请求的数据格式（默认为 JSON）返回客户对象列表。

您请求的 URL 应该是对 ~/api/customers/byid/{id} 的 HTTP GET 请求，例如：~/api/customers/byid/5。我经常使用 MVC Helper @Url.Content() 映射到客户端的 Web API。

你的成功处理器应该是这样的：

success: function (customers) {
            alert('Success');
            console.log(customers);
            for (var i = 0; i < customers.length; i++) {
                $(".form-horizontal").append("<li>" + customers[i].Name + "</li>");
                console.log(success);
            }
        },

Answer 3

您在服务器端和客户端的问题。 如果你想在服务器端获得List 的客户，你应该这样写你的Controller：

[HttpPost]
public JsonResult OnChange(int id)
{
    return Json(db.Customers.Where(C => C.CustomerID == id).ToList());
}

在客户端，如果您想使用IEnumerable 结果，您应该像这样更改您的 ajax 代码：

     $.ajax({
        type: "POST",
        url: '@Url.Action("OnChange", "Session")',
        data: { id: 1 },
        dataType: "json",
        success: function (success) {
        alert('Success');
        console.log(success);
        $.each(success, function (i, item) {
           $(".form-horizontal").append("<li>" + item.CustomerID  + "</li>");                                              
           }); 
        },
        error: function (e, text, string) {
            alert(e.message + text + string);
            console.log(e);
        }
    });

我希望你的 OnChange 方法在 Session Controller 中。如您所知，您可以像这样 (item.CustomerID) 访问列表元素的其他属性。