步骤：

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>

效果如下：

mvcAPI （入门 1）的更多相关文章

  1. mvcAPI （入门 3）(源码)

    mvcAPI (入门 3)(源码) http://download.csdn.net/detail/chunfang740/9078579

  2. mvcAPI （入门 3)

    续上 1)无参数Get请求 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> < ...

  3. mvcAPI （入门 2）

    1)建立一个实体类 using System; using System.Collections.Generic; using System.Linq; using System.Web; names ...

  4. Angular2入门系列教程7-HTTP（一）-使用Angular2自带的http进行网络请求

    上一篇:Angular2入门系列教程6-路由(二)-使用多层级路由并在在路由中传递复杂参数 感觉这篇不是很好写,因为涉及到网络请求,如果采用真实的网络请求,这个例子大家拿到手估计还要自己写一个web ...

  5. ABP入门系列（1）——学习Abp框架之实操演练

    作为.Net工地搬砖长工一名,一直致力于挖坑(Bug)填坑(Debug),但技术却不见长进.也曾热情于新技术的学习,憧憬过成为技术大拿.从前端到后端,从bootstrap到javascript,从py ...

  6. Oracle分析函数入门

    一.Oracle分析函数入门 分析函数是什么?分析函数是Oracle专门用于解决复杂报表统计需求的功能强大的函数,它可以在数据中进行分组然后计算基于组的某种统计值,并且每一组的每一行都可以返回一个统计 ...

  7. Angular2入门系列教程6-路由（二）-使用多层级路由并在在路由中传递复杂参数

    上一篇:Angular2入门系列教程5-路由(一)-使用简单的路由并在在路由中传递参数 之前介绍了简单的路由以及传参,这篇文章我们将要学习复杂一些的路由以及传递其他附加参数.一个好的路由系统可以使我们 ...

  8. Angular2入门系列教程5-路由（一）-使用简单的路由并在在路由中传递参数

    上一篇:Angular2入门系列教程-服务 上一篇文章我们将Angular2的数据服务分离出来,学习了Angular2的依赖注入,这篇文章我们将要学习Angualr2的路由 为了编写样式方便,我们这篇 ...

  9. Angular2入门系列教程4-服务

    上一篇文章 Angular2入门系列教程-多个组件,主从关系 在编程中,我们通常会将数据提供单独分离出来,以免在编写程序的过程中反复复制粘贴数据请求的代码 Angular2中提供了依赖注入的概念,使得 ...

随机推荐

  1. HDU 4513 吉哥系列故事——完美队形II（Manacher）

    Problem Description 吉哥又想出了一个新的完美队形游戏! 假设有n个人按顺序站在他的面前,他们的身高分别是h[1], h[2] ... h[n],吉哥希望从中挑出一些人,让这些人形成 ...

  2. bzoj3437 小P的牧场

    斜率优化dp 代码 #include<cstdio> #include<algorithm> using namespace std; typedef long long ll ...

  3. 侧菜单栏的实现SlidingPaneLayout

    SlidingPaneLayout分为两部分,上面的 左划出部分和没划出的时候 <?xml version="1.0" encoding="utf-8"? ...

  4. 弱类型变量原理探究（转载 http://www.csdn.net/article/2014-09-15/2821685-exploring-of-the-php）

    N首页> 云计算 [问底]王帅:深入PHP内核(一)——弱类型变量原理探究 发表于2014-09-19 09:00| 13055次阅读| 来源CSDN| 36 条评论| 作者王帅 问底PHP王帅 ...

  5. -XX:+PrintGCTimeStamps 打印CG发生的时间戳

    -XX:+PrintGCTimeStamps –打印CG发生的时间戳   –[GC[DefNew: 4416K->0K(4928K), 0.0001897 secs] 4790K->374 ...

  6. ahb2apb和apb2apb async bridge

    AHB 3.0目前不支持security world. AHB到APB的async bridge主要包括三个部分: 1)AHB domain 1)产生信号hactive = HSEL & HT ...

  7. 记在centos中连接无线网络的一次过程

    1. 首先, 你的系统要能驱动无限网卡, 要是人品好的话, 系统已经自带了你的网卡的驱动程序. 不然就要先搞定无线网卡的驱动再说. 不然后面的步骤也就没必要了. 2. 看一下你的无线网卡叫什么: iw ...

  8. SSAS更改默认端口号，使用非默认端口号的时候Olap连接字符串的格式

    Sql server的Analysis Service服务默认使用的是2382或2383端口,但是实际上我们可以通过配置文件手动更改SSAS使用其它端口号. 修改SSAS使用端口号的方法如下,找到你的 ...

  9. web负载均衡

    在有些时候进行扩展是显而易见的,比如下载服务由于带宽不足而必须进行的扩展,但是,另一些时候,很多人一看到站点性能不尽如人意,就马上实施负载均衡等扩展手段,真的需要这样做吗?当然这个问题也只有他们自己能 ...

  10. android 学习随笔二十六（动画：属性动画）

    属性动画,属性动画是真正改变对象的某个属性的值 * 补间动画,只是一个动画效果,组件其实还在原来的位置上,xy没有改变1.位移:* 第一个参数target指定要显示动画的组件* 第二个参数proper ...