使用jQuery访问MVC5中的Web API
我正在创建一个MVC5应用程序。我添加了ADO.Net实体数据模型,并使用实体框架创建了WebAPI2控制器。我还创建了DTO类。以下是我的DTO课程:使用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
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{}。现在,价值观来了