0

我是 mvc 4 和 webAPI 的新手，我在上面开发了我的第一个应用程序。它是单页应用程序并使用 Knockoutjs。我使用这个演练 https://github.com/geersch/KnockoutSpa/
一切都很好，我的 webAPI 方法和当我用 Fiddler 调用方法时它返回正确的值。但是当我从 getJson() 方法使用它时它从未调用过。这是我的 HTML：

    <table id="nqsales" class="table table-striped table-hover table-condensed">
    <thead>
        <tr>
            <th>A</th>
            <th>B</th>
            <th>C</th>
        </tr>
    </thead>
    <tbody data-bind="foreach: viewModel.nqsales">
        <tr>
            <td data-bind="text: a"></td>
            <td data-bind="text: b"></td>
            <td data-bind="text: c"></td> 
        </tr>
    </tbody>
    </table>

Javascript

$(function () {
    ko.applyBindings(viewModel);
    viewModel.loadNqsales();
});

var viewModel = {
    nqsales: ko.observableArray([]),

    loadNqsales: function () {
        var self = this;
        $.getJSON(
            '@Url.RouteUrl("DefaultApi", new { httproute = "", controller = "NQSale" })',
    function (nqsales) {
        self.nqsales.removeAll();
        $.each(nqsales, function (index, item) {
            self.nqsales.push(new nqsale(item));
        });
    }
);
    }
};

function nqsale(nqsale) {
    this.expenceFormNo = ko.observable(nqsale.a);
    this.orderNo = ko.observable(nqsale.b);
    this.date = ko.observable(nqsale.c);
}

WebAPI控制器

    // GET api/NQSale
    public IEnumerable<NQSaleDto> GetNQSales()
    {
        //return db.NQSales.AsEnumerable();
        return db.NQSales
            .AsEnumerable()
            .Select(nqlist => new NQSaleDto(nqlist));
        
    }
4

2 回答 2

0

你的 URL 构造

@Url.RouteUrl("DefaultApi", new { httproute = "", controller = "NQSale" })

应该生成一个“/api/NQSale”的 URL，这意味着您的控制器应该如下：

//The controller name relates to the route
    public class NQSaleController : ApiController
{
// The action name relates to the HttpVerb
    public IEnumerable<NQSaleDto> Get()
    {
        //return db.NQSales.AsEnumerable();
        return db.NQSales
            .AsEnumerable()
            .Select(nqlist => new NQSaleDto(nqlist));

    }
}

默认情况下，API 的路由是控制器的名称（NQSaleController）与路径相关，Action 的名称（Get）与 HttpVerb 相关。

于 2014-01-19T14:05:53.437 回答
0

我猜你的网址没有正确生成。如果当前视图中的 Javascript 或在单独的文件中？@Url 只有在视图中才有效。

于 2013-09-19T09:11:05.750 回答