Ajax - 无法加载资源：服务器响应状态为500（内部服务器错误） [英] Ajax - Failed to load resource: the server responded with a status of 500 (Internal Server Error)

问题描述

我有一个名为CustomersInfoAPIController的控制器。我正在使用Knock out，webapi2，asp.net mvc5来构建一个应用程序。我使用knout JS绑定数据。当我运行应用程序并调试淘汰脚本时，我没有看到任何错误。当我尝试使用AJAX插入数据时，我看到错误无法加载资源：服务器响应状态为500（内部服务器错误）



ajax代码是：

I have a controller named CustomersInfoAPIController. I'm using Knock out, webapi2, asp.net mvc5 to build an application. I'm binding the data using knout JS. When I run the application and debug the knockout script, I don't see any error .When I try to insert data using AJAX I see error `"Failed to load resource: the server responded with a status of 500 (Internal Server Error)"

the ajax code is:

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Index</h2>
@{
    ViewBag.Title = " Add Customer";
}
<script src="~/Scripts/knockout-3.3.0.js"></script>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/knockout.validation.js"></script>
<script type="text/javascript">
var addCustomerViewModel;

// use as register student views view model
function Customer(Id, CustomerName, ContactName, Address, City, PostalCode,Country) {
    var self = this;

    // observable are update elements upon changes, also update on element data changes [two way binding]
    self.Id = ko.observable(Id);
    self.CustomerName = ko.observable(CustomerName);
    self.ContactName = ko.observable(ContactName);
    self.Address = ko.observable(Address);
    self.City = ko.observable(City);
    self.PostalCode = ko.observable(PostalCode);
    self.Country = ko.observable(Country)
    


    self.addCustomer = function () {
        var dataObject = ko.toJSON(this);

        $.ajax({
            url: '/api/CustomersInfo/Post',
            type: 'post',
            data: dataObject,
            contentType: 'application/json',
            success: function (data) {
                addCustomerViewModel.customerListViewModel.customers.push(new Customer(data.Id,data.CustomerName, data.ContactName, data.Address, data.City, data.PostalCode, data.Country));
                self.Id(null);
                self.CustomerName('');
                self.ContactName('');
                self.Address('');
                self.City('');
                self.PostalCode(0);
                self.Country('');
            }
        });
    };
}

// use as customer list view's view model
function CustomersList() {

    var self = this;

    // observable arrays are update binding elements upon array changes
    self.customers = ko.observableArray([]);

    self.getCustomers = function () {
        // retrieve customers list from server side and push each object to model's students list
        self.customers.removeAll();
        $.getJSON('/api/CustomersInfo/Get', function (data) {
            $.each(data, function (key, value) {
                self.customers.push(new Customer(value.Id,value.CustomerName, value.ContactName, value.Address, value.City, value.PostalCode, value.Country));
            });
        });
    };


    // remove customer. current data context object is passed to function automatically.
    //self.removeCustomer = function (customer) {
    //    $.ajax({
    //        url: '/api/CustomersInfo/' + customer.Id(),
    //        type: 'delete',
    //        contentType: 'application/json',
    //        success: function () {
    //            self.customers.remove(customer);
    //        }
    //    });
    //};
}


// create index  view model which contain two models for partial views
customerRegisterViewModel = { addCustomerViewModel: new Customer(), customerListViewModel: new CustomersList() };


// on document ready
$(document).ready(function () {

    // bind view model to referring view
    ko.applyBindings(customerRegisterViewModel);

    // load student data
    customerRegisterViewModel.customerListViewModel.getCustomers();
});
</script>
<div class="page-header">
    <h2 class="text-center">Customer Registration</h2>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="panel panel-info">
            <div class="panel-heading">
                <h2 class="panel-title">Register new Customer</h2>
            </div>

            <div class="panel-body" data-bind="with: addCustomerViewModel">
                @Html.Partial("_InsertCustomer")
            </div>
        </div>
    </div>

    <div class="col-md-8">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h2 class="panel-title">Registerd Customers</h2>
            </div>
            <div class="panel-body" data-bind="with: customerListViewModel">
                @Html.Partial("_DisplayCustomers")
            </div>
        </div>
    </div>

</div>

我的控制器操作是：

My Controller action is :

public class CustomersInfoController : ApiController
   {

       // GET api/student
       public IEnumerable<Customer> Get()
       {
           return CustomersRepository.GetCustomers();
       }

       // GET api/student/5
       public Customer Get(int Id)
       {
           return CustomersRepository.GetCustomers().FirstOrDefault(s=>s.ID == Id);
       }

       // POST api/student
       public HttpResponseMessage Post(Customer customer)
       {
           CustomersRepository.InsertCustomer(customer);
           var response = Request.CreateResponse(HttpStatusCode.Created, customer);
           string url = Url.Link("DefaultApi", new { customer.ID });
           response.Headers.Location = new Uri(url);
           return response;
       }

       // DELETE api/student/5
       public HttpResponseMessage Delete(int id)
       {
           CustomersRepository.DeleteCustomer(id);
           var response = Request.CreateResponse(HttpStatusCode.OK, id);
           return response;
       }
   }

如何避免此错误，以便我可以存储数据

How to avoid this error so that I can store the data

推荐答案

.ajax（{
url：' / api / CustomersInfo / Post' ，
类型：' post'，
data：dataObject ，
contentType：' application / json'，
成功： function （data）{
addCustomerViewModel.customerListViewModel.customers.push（ new Customer（data.Id，data） .CustomerName，data.ContactName，data.Address，data.City，data.PostalCode，data.Country））;
self.Id（ null ）;
self.CustomerName（' ' ）;
self.ContactName（' '）;
self.Address（' '）;
self.City（' '）;
self.PostalCode（ 0 ）;
self.Country（' '）;
}
}）;
};
}

// 用作客户列表视图的视图模型
function CustomersList（）{

var self = 此;

// 可观察数组是数组更改时的更新绑定元素
self.customers = ko.observableArray（[]）;

self.getCustomers = function （）{
// 从服务器端检索客户列表并将每个对象推送到模型的学生列表
self.customers.removeAll（）;

.ajax({ url: '/api/CustomersInfo/Post', type: 'post', data: dataObject, contentType: 'application/json', success: function (data) { addCustomerViewModel.customerListViewModel.customers.push(new Customer(data.Id,data.CustomerName, data.ContactName, data.Address, data.City, data.PostalCode, data.Country)); self.Id(null); self.CustomerName(''); self.ContactName(''); self.Address(''); self.City(''); self.PostalCode(0); self.Country(''); } }); }; } // use as customer list view's view model function CustomersList() { var self = this; // observable arrays are update binding elements upon array changes self.customers = ko.observableArray([]); self.getCustomers = function () { // retrieve customers list from server side and push each object to model's students list self.customers.removeAll();

.getJSON（' / api / CustomersInfo / Get'， function （data）{

.getJSON('/api/CustomersInfo/Get', function (data) {

.each（data， function （key，value）{
self.customers.push（ new Customer（value.Id，value.CustomerName，value.ContactName，value.Address，value.City，value.PostalCode，value。国家））;
}）;
}）;
};


// 删除客户。当前数据上下文对象自动传递给函数。
// self.removeCustomer = function（客户）{
//

.each(data, function (key, value) { self.customers.push(new Customer(value.Id,value.CustomerName, value.ContactName, value.Address, value.City, value.PostalCode, value.Country)); }); }); }; // remove customer. current data context object is passed to function automatically. //self.removeCustomer = function (customer) { //

这篇关于Ajax - 无法加载资源：服务器响应状态为500（内部服务器错误）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！