使用jQuery访问MVC5中的Web API

使用jQuery访问MVC5中的Web API,jquery,asp.net-web-api,asp.net-mvc-5,Jquery,Asp.net Web Api,Asp.net Mvc 5,我正在创建一个MVC5应用程序。我添加了ADO.Net实体数据模型,并使用实体框架创建了WebAPI2控制器。我还创建了DTO类。以下是我的DTO课程: public class CollegeDetailsController : ApiController { private CollegeDbContext db = new CollegeDbContext(); // GET: api/CollegeDetails public IQueryable<Co

我正在创建一个MVC5应用程序。我添加了ADO.Net实体数据模型,并使用实体框架创建了WebAPI2控制器。我还创建了DTO类。以下是我的DTO课程:

public class CollegeDetailsController : ApiController
{
    private CollegeDbContext db = new CollegeDbContext();

    // GET: api/CollegeDetails
    public IQueryable<CollegeDTO> GetCollegeDetails()
    {
        var colleges = from c in db.CollegeDetails
                       select new CollegeDTO()
                       {
                           Name= c.CollegeName,
                           ContactPersonName= c.ContactPerson,
                           CollegeState= c.State,
                           CollegeCity=c.City
                       };
        return colleges;
    }
我正在使用jQuery访问它:

    function GetAllColleges() {
    $(document).ready(function () {
        jQuery.support.cors = true;
        $.ajax({
            url: "http://localhost:57071/api/collegedetails",
            type: "Get",
            dataType: 'json',
            success: function (data) { WriteCollegeData(data); },
            error: function (msg) { alert(msg); }
        });
    });
}

function WriteCollegeData(colleges) {
    var result = "<table><th>College Name</th><th>Contact Person</th><th>College State</th><th>Contact City</th>";
    $.each(colleges, function (index, item) {
        result += "<tr><td>" + item.Name + "</td><td>" + item.ContactPersonName + "</td><td>" + item.CollegeState + "</td><td>" + item.CollegeCity + "</td></tr>";
    });
    result += "</table>";
    $("#CollegeData").html(result);
}
我的Cshthml页面:

@{
    ViewBag.Title = "College";
}

@section scripts{
    @Scripts.Render("~/bundles/App");
}

<h2>College Details</h2>

<div class="row">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h2 class="panel-title">Colleges</h2>
        </div>
        <div class="panel-body" id= "CollegeData">

        </div>
    </div>
    <div class="col-md-4">

    </div>
    <div class="col-md-4">

    </div>
</div>

访问此页面时,数据未绑定到面板,并且控制台上没有出现错误。

我解决了此问题。我刚刚删除了函数GetAllColleges{}。现在,价值观来了