API 接口获取数据到cshtml界面
1.在model写好对象
public class OrationViewModel
{
/// <summary>
/// 自增长ID
/// </summary>
[JsonProperty("id")]
public int Id { get; set; }
/// <summary>
/// 文章标题
/// </summary>
[JsonProperty("content_title")]
public string Content_Title { get; set; }
}
2.在controllers写好查询语句
/// <summary>
/// 获取新闻资讯
/// </summary>
/// <returns></returns>
[HttpGet, ActionName("get")]
public OrationPageViewModel GetOrationType(int pageSize, int pageIndex, int? type)
{
//获取资讯信息
IPagedList<Contents> contents = _ioration_services.GetOrationWebType(pageSize, pageIndex, type);
//赋值给分页控件
OrationPageViewModel orationPageviewModel = new OrationPageViewModel();
orationPageviewModel.PageIndex = contents.PageIndex;
orationPageviewModel.PageSize = contents.PageSize;
orationPageviewModel.TotalCount = contents.TotalCount;
orationPageviewModel.TotalPages = contents.TotalPages;
//将数据传给实体
List<Contents> contentslist = contents as List<Contents>;
contentslist.ForEach(item =>
{
OrationViewModel vm = new OrationViewModel();
//编号
vm.Id = item.Id;
//标题
vm.Content_Title = item.Content_Title;
//内容
vm.Content_Article = item.Content_Article;
//文章时间
vm.Content_times = item.Content_time != null ? ((long)item.Content_time).ConvertToIntDateTime().ToString("yyyy-M-d") : "";
//文章类型
vm.Content_Type_Id = item.Content_Type_Id;
//文章类型名称
vm.Content_Type_Name = item.Content_Type_Id == 1 ? "公司动态" : item.Content_Type_Id == 2 ? "业界新闻" : "家政常识";
//创建人
vm.Create_Name = item.Create_Name;
orationPageviewModel.Oration.Add(vm);
});
return orationPageviewModel;
}
3.写好JS获取数据到界面
//绑定新闻
var pageindex = 0;
var haspreviouspage = false;
var hasnextpage = true;
var totalpages = 0;
function GetNews(pageSize, pageIndex,type) {
//清空界面
$('.kuang').html("");
var shenti = "";
ajaxHelper('http://192.168.0.102/api/Oration/get?pageSize=' + pageSize + '&pageindex=' + pageIndex + '&type=' + type, 'GET', null).done(function (dt) {
$.each(dt.oration, function (index, item) {
shenti += '<tr>' +
'<th style="width: 59px;line-height:65px;font-weight:normal;text-align: center;font-size: 16px;color: #5b564c;display: none">' + item.id + '</th> ' +
'<th style="width: 254px;line-height:65px;font-weight:normal;text-align: center;font-size: 16px;color: #5b564c;">' + '<a href="news-detauils.html?pageSize=' + 1 + '&pageindex=' + 0 + '&id=' + item.id + '">' + item.content_title + '</a>' + '</th> '+
'<th style="width: 150px;line-height:65px;font-weight:normal;text-align: center;font-size: 16px;color: #5b564c;white-space: nowrap;">' + item.create_name + '</th> ' +
'<th style="width: 196px;line-height:65px;font-weight:normal;text-align: center;font-size: 16px;color: #5b564c;white-space: nowrap;">' + item.content_times + '</th> ' +
'</tr>'
});
//循环添加
$('.kuang').append(shenti);
//界面页数
pageindex = dt.pageindex;
//是否可以上一页
haspreviouspage = dt.haspreviouspage;
//是否可以下一页
hasnextpage = dt.hasnextpage;
//总页数
totalpages = dt.totalpages;
});
}
1.注意:api必须发布之后才能在js里面获取到数据
自己摸索了很久,主要写好API之后,在url可一测试传值过去能不能查找到数据