步骤：

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. WebDriver 随笔

    在webDriver中通过 driver.findElement进行定位元素时,往往是从页面的上到下依次寻找,根据该等位方式寻找到第一个元素. driver.findElement(By.id())有 ...

  2. docker进入容器方法

    更简单的,建议大家下载 .bashrc_docker,并将内容放到 .bashrc 中. $ wget -P ~ https://github.com/yeasy/docker_practice/ra ...

  3. React-Native坑1：Invariant Violation:Application 项目名 has not been registered.

    React-Native坑1:Invariant Violation:Application 项目名 has not been registered. 字数347 阅读1421 评论3 喜欢7 前言 ...

  4. Azure Deploy

    http://msdn.microsoft.com/en-us/library/dn408531.aspx https://www.windowsazure.com/en-us/documentati ...

  5. Android侧滑

    人人客户端有一个特效还是挺吸引人的,在主界面手指向右滑动,就可以将菜单展示出来,而主界面会被隐藏大部分,但是仍有左侧的一小部分同菜单一起展示. 据说人人客户端的这个特效是从facebook客户端模仿来 ...

  6. linux设备驱动归纳总结（五）：1.在内核空间分配内存【转】

    本文转载自:http://blog.chinaunix.net/uid-25014876-id-79134.html linux设备驱动归纳总结(五):1.在内核空间分配内存 xxxxxxxxxxxx ...

  7. USB HID描述符【转】

    本文转载自: USB是个通用的总线,端口都是统一的.但是USB设备却各种各样,例如USB鼠标,USB键盘,U盘等等,那么USB主机是如何识别出不同的设备的呢?这就要依赖于描述符了.USB的描述符主要有 ...

  8. Android NDK开发（五）--C代码回调Java代码【转】

    转载请注明出处:http://blog.csdn.net/allen315410/article/details/41862479 在上篇博客里了解了Java层是怎样传递数据到C层代码,并且熟悉了大部 ...

  9. 4.1HTML和Bootstrap css精华

    1.HTML 2.理解Bootstrap HTML元素告诉浏览器,他要表现的是什么类型的内容,当他们不提供任何关于如何显示内容的信息.如何显示内容的信息,由CSS提供. 本书仅包含足够的信息,让你查看 ...

  10. Can't create/write to file '/tmp/#sql_887d_0.MYD' (Errcode: 17)

    lsof |grep "#sql_887d_0.MYD" 如果没有被占用就可以删掉 . https://wordpress.org/support/topic/cant-creat ...