步骤:

1)建立order 类

2)建立OrderEntity类

3)创建控制器API

这时候能看到Json 格式的数据啦

5)想在网页或客户端显示 添加一个网页

如下:

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="Scripts/jquery-1.8.2.js"></script>
<script>
$(function ()
{
$.ajax({
type: "Get",
dataType: "json",
contentType: "application/json;charset=utf-8",
url: "/api/Order",
success: function (data) {
var tbody = $("#tbody1");
$.each(data, function (idx, item) {
OutputData(tbody, item);
});
}
});
function OutputData(tbody, item) {
tbody.append(
"<tr>" +
"<td style=\"border:1px solid #0094ff;\">" +
item.OrderNuber +
"</td>" +
"<td style=\"border:1px solid #0094ff;\">" + item.CustonerNuber +
"</td>" +
"<td style=\"border:1px solid #0094ff;\">" + item.Itemname +
"</td>" +
"<td style=\"border:1px solid #0094ff;\">" + item.Unit +
"</td>" +
"<td style=\"border:1px solid #0094ff;\">" + item.Qty +
"</td>" +
"<td style=\"border:1px solid #0094ff;\">" + item.Price +
"</td>" +
"<td style=\"border:1px solid #0094ff;\">" + item.Amout +
"</td>" + "</tr>");
}
}); </script>
</head>
<body>
<table>
<thead>
<tr>
<td style="border:1px solid #0094ff">Order Nuber</td>
<td style="border:1px solid #0094ff">CustonerNuber</td>
<td style="border:1px solid #0094ff">Itemname</td>
<td style="border:1px solid #0094ff">Unit</td>
<td style="border:1px solid #0094ff">Qty </td>
<td style="border:1px solid #0094ff">Price</td>
<td style="border:1px solid #0094ff">Amout </td>
</tr>
</thead>
<tbody id="tbody1"> </tbody>
</table>
</body>
</html>

效果如下:

最新文章

  1. vue路由的简单实例
  2. 使用node-webkit开发exe窗口程序
  3. Mac下java编译乱码(适用于maven , ant)
  4. Node.js上传文件
  5. masterha_check_repl报错汇总
  6. oracle11g rac asm 实例内存修改
  7. 深入浅出 RPC - 浅出篇
  8. Qt 继承QWidget setstylesheet解决
  9. C语言 - printf的占位符(%) 异常
  10. SlidingMenu 左侧滑动菜单
  11. 项目的ip地址更改,用git从远程提取代码出现错误,提示为 network error connection timed out
  12. bzoj 3864: Hero meet devil [dp套dp]
  13. 实例演示如何在spring4.2.2中集成hibernate5.0.2并创建sessionFactory
  14. JVM调优的几种策略
  15. 【annotation】非人类物种基因组注释(MSU为例)
  16. sed常用操作命令
  17. tensorflow 升级到1.9-rc0,生成静态图frozen graph.pb本地测试正常, 在其他版本(eg1.4版本)或者android下运行出错NodeDef mentions attr &#39;dilations&#39; not in Op&lt;name=Conv2D; signature=input:T, filter:T -&gt; output:T; attr=T:type,allowed=[DT_
  18. SSE图像算法优化系列二十八:深度优化局部拉普拉斯金字塔滤波器。
  19. CSS-技巧
  20. eclipse删除了文件,找回方法

热门文章

  1. VS2010程序打包
  2. 接口是否可继承接口? 抽像类是否可实现(implements)接口? 抽像类是否可继承实体类(concrete class)?
  3. 1009: 恺撒Caesar密码
  4. PTPX Power Analysis Flow
  5. PAT乙级 1002. 写出这个数 (20)
  6. 词频统计-------------web版本
  7. 【pyQuery分析实例】分析体育网冠军联盟比赛成绩
  8. OpenStack 镜像制作之cloud-init
  9. 所谓完整的linux系统包括哪些部分呢?【转】
  10. 【python cookbook】【字符串与文本】6.以不区分大小写的方式对文本做查找和替换