步骤：

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. linux代码段，数据段，BSS段, 堆，栈（二）

    //main.cpp int a = 0; 全局初始化区  char *p1; 全局未初始化区 main() { int b; 栈 char s[] = "abc"; 栈 char ...

  2. scala2.10.x case classes cannot have more than 22 parameters

    问题 这个错误出现在case class参数超出22个的时候. case classes cannot have more than 22 parameters 在scala 2.11.x版本以下时c ...

  3. java中从Spring、Hibernate和Struts框架的action、service和dao三层结构异常处理体系设计

    Spring的事务实现采用基于AOP的拦截器来实现,如果没有在事务配置的时候注明回滚的checked exception,那么只有在发生了unchecked exception的时候,才会进行事务回滚 ...

  4. 夺命雷公狗---微信开发59----在线点播电影网1之ckplayer播放器

    我们节课程就要开始写一个小项目了,这项目主要是写一个在线点播电影影网的,我们用到的播放器是ckplayer ckplayer基本介绍: ckplayer的全称是:超酷flv播放器,他是一款用于网页上播 ...

  5. PAT乙级 1024. 科学计数法 (20)

    1024. 科学计数法 (20) 时间限制 100 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 HOU, Qiming 科学计数法是科学家用来表示很 ...

  6. SqlServer nvarchar中的中文字符匹配，更改SqlServer实例和数据库排序规则的办法

    我们都知道在SqlServer中的nvarchar类型可以完美的存储诸如中文这种unicode字符,但是我们会发现有时候查询语句去查询nvarchar列的时候查不出来. 为什么nvarchar类型有时 ...

  7. OpenStack 界面开发中的排序问题

    Contents [hide] 1 需求 2 调研 3 排序的办法 4 解决代码 需求 获取主机列表的时候,希望能够对主机列表能分组显示,比如网络,一组网络段希望在一起显示 调研 openstack的 ...

  8. JVM参数配置的线上教训

    原来规则处理业务五十台服务器经常大量fgc,load飙高,我修改了jvm配置后,五十台服务器十多天没有任何异常,双十一中轻闲度过. 可是今天突然又有一台大量fgc,load飙高.分析了半天,回头一看, ...

  9. FastJson--阿里巴巴公司开源的速度最快的Json和对象转换工具(转)

    本文转自:http://blog.csdn.net/djun100/article/details/24237371 这是关于FastJson的一个使用Demo,在Java环境下验证的 class U ...

  10. php删除多重数组对象属性，重新赋值的方法

    php删除多重数组对象属性,重新赋值的方法 实例:sphinx搜索出来的结果,要去掉某个属性值:$cl = new SphinxClient ();$query = $cl->Query ( $ ...