步骤：

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. unable to connect to the virtual device Genymotion 神器启动问题

    截图: 解决方法:win7以上用户在桌面找到:网络--右键(属性)--更改适配器设置--VirtualBox Host-Only Network--属性--双击:Internet 协议版本4(TCP/ ...

  2. IOS程序常用目录

    <Home>/AppName.app   应用程序本身包目录 <Home>/Documents/       应用程序的重要数据文件和用户数据文件等都放在这个目录, iTune ...

  3. maven相关

    1. 创建/导入maven项目时 eclipse默认jdk版本配置:http://blog.csdn.net/lzj0470/article/details/42292021 2. eclipse 使 ...

  4. Linux USB摄像头驱动【转】

    本文转载自:http://www.itdadao.com/articles/c15a509940p0.html 在 cortex-a8 中,可接入摄像头的接口通常可以分为两种, CAMERA 接口和 ...

  5. 给文件加ip访问限制

    获取IP: function getIP(){ return isset($_SERVER['HTTP_X_FORWARDED_FOR'])? $_SERVER['HTTP_X_FORWARDED_F ...

  6. semantic-ui and IE only message

    <![if !IE]> <div class="ui message red"> <i class="close icon"> ...

  7. Android常见面试题目

    1.Activity 的生命周期 转自:http://kb.cnblogs.com/page/70125/ 多谢楼主分享 首先看一下Android api中所提供的Activity生命周期图(不明白的 ...

  8. include指令

    include:文件加载指令(用于在JSP文件中插入一个包含文本或代码的文件.把文件插入后和原来的JSP文件合并成一个新的JSP页面.) 语法格式:<%@ include file=" ...

  9. bin和sbin的区别

    bin和sbin的区别: bin:用户命令(所有用户均可使用) sbin:管理命令(通常只有管理员可以使用)

  10. hibernate核心接口，和扩展接口。回顾笔记，以前没记，现在补上，纯手工敲的。

    hibernate核心接口: 所有的hibernate应用都会访问hibernate的5个核心接口 1,Configuration接口 Configuration用于配置并且根启动Hibernate. ...