步骤:
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>
效果如下: