所谓万事 具备，只欠东风了！！ 接下来就是 wcf 的调用，

首先 在客户端下，随便 写一个 html页面，然后写入如下方法：

<script src="scripts/jquery.min.js"></script>  ---这里必须得先导入 jquery 的插件

//下面这个方法是 获得网站的 相对路径

$.getrooturl = function () {
            return window.location.protocol + "//" + window.location.host;
        }

接下来我们来写  一个js方法

  function getdate() {

            var url = $.getrooturl() + "/WebService.svc/operate/select";    //这个是 我们访问的路劲
            //这个是数据库的名字  
            var database = "vbk";  
            //这个是后台我们要执行的 方法名字          
            var method = "select";

            //这里是你要写入的sql 语句

            var sql = $("#txt_sql").val();

            $.ajax({

                url: url,

                contentType: "application/json",

            
                data: '{"database":"vbk" ,"method":"select","sql":"'+sql+'"}',

                type: "post",

                success: function (data) {

                    var datatable = eval(data)[0].data;

                    var html = jsonToTable(datatable);

                    $("#table").html(html);

                },

                error: function (err) {

                    $("#table").html(err.responseText);

                }

            });

        }

接下来 我们要做的就是 怎么将让查询变的更简单：（直接将JSON数据变成table）

  function jsonToTable(json) {

            var cols = new Array();

            $.each(json[], function (index, value) {

                // cols[cols.length] = value;

                cols.push(index);

            });

            shtml = "<table border=1><tr>";          //create header row - save html of table in shtml

            for (i = ; i < cols.length; i++) {

                shtml += "<th>" + cols[i] + "</th>";

            }

            shtml += "</tr>";

           // var irowmax = myJSONobj.records.length;

            for (irow = ; irow < json.length; irow++) {  //add the rows

                shtml += "<tr>";

                for (i = ; i < cols.length; i++) {

                    shtml += "<td>" + $( json[irow]).attr([cols[i]]) + "</td>";

                }

                shtml += "</tr>";

            }

            shtml += "</table>";

            return shtml;

        }

另外我附加 body里面的代码：

<body>

    <input  type="text" style="width:200px "  id="txt_sql"  value="select * from dbo.MdcDatKanBan"/>

     <input  type="button" value="获取数据"  onclick="getdate()"/>

    <div  id="table">

    </div>

</body>

接下来我们来看下效果：（另外告诉大家，由于不同的电脑不同的配置，修改下你的配置文件就可以使用了）

写入你的sql语句，然后点击获取数据，就可以看到你要写的效果了。

VS2012版本源码下载：

http://files.cnblogs.com/files/liujing379069296/Vs2012Client.rar

vs2010 源码下载

http://files.cnblogs.com/files/liujing379069296/VS2010Client.rar

jquery 直接调用 wcf，面向服务的SOA架构 （ 第三天）的更多相关文章

  1. 面向服务的SOA架构与服务总线ESB

    之前的软件的开发主要是面向对象的编程架构 方法---对象---模块---组件---服务,感觉现在的开发的主流的软件架构的设计思想都是对其进行重用,只不过范围越来越大,有一个系统之间进行通信到多个系统之 ...

  2. jquery 直接调用 wcf，面向服务的SOA架构 （ 第二天）

    在前面的基础上,我们来开始第二天编写 客户端 的东西,不过讲之前,我想告诉大家的是: 这个简单的SOA的架构,我们直接通过wcf 调用到 后台的方法, 而中间没有使用 C#代码,大大减少我们客户端的代 ...

  3. WCF入门教程（四）通过Host代码方式来承载服务 一个WCF使用TCP协议进行通协的例子 jquery ajax调用WCF，采用System.ServiceModel.WebHttpBinding System.ServiceModel.WSHttpBinding协议 学习WCF笔记之二 无废话WCF入门教程一[什么是WCF]

    WCF入门教程(四)通过Host代码方式来承载服务 Posted on 2014-05-15 13:03 停留的风 阅读(7681) 评论(0) 编辑 收藏 WCF入门教程(四)通过Host代码方式来 ...

  4. 面向服务的体系架构SOA

    面向服务的体系架构SOA 序言 在.Net的世界中,一提及SOA,大家想到的应该是Web Service,WCF,还有人或许也会在.NET MVC中的Web API上做上标记,然后泛泛其谈! 的确,微 ...

  5. 面向服务的体系架构（SOA）

    面向服务的体系架构(SOA) 1.面向服务的体系架构(SOA) 面向服务的架构(service-oriented architecture)是Gartner于2O世纪9O年代中期提出的面向服务架构的概 ...

  6. jquery ajax调用WCF，采用System.ServiceModel.WebHttpBinding

    Jquery ajax调用WCF服务 例子效果如下:原界面 点击按钮GetList get后,通过指定的Url获取数据添加到table 新建一个控制台项目,添加IContract.cs,DBServi ...

  7. SOA——面向服务的体系架构

    上一篇博文中提到了"紧耦合"的现象.怎样解决?SOA.採用面向服务的体系架构. 一.What? SOA=Service-oriented Architecture面向服务的体系结构 ...

  8. 一个通过JSONP跨域调用WCF REST服务的例子（以jQuery为例）

    JSONP(JSON with Padding)可以看成是JSON的一种“使用模式”,用以解决“跨域访问”的问题,这篇简单的文章给出一个简单的例子用于模拟如何通过jQuery以JSONP的访问调用一个 ...

  9. 说说面向服务的体系架构SOA

    序言 在.Net的世界中,一提及SOA,大家想到的应该是Web Service,WCF,还有人或许也会在.NET MVC中的Web API上做上标记,然后泛泛其谈! 的确,微软的这些技术也确实推动着面 ...

随机推荐

  1. 如何更改IE查看源代码菜单使用的HTML编辑器

    一:打开注册表｡ 二:打开"HKEY_CURRENT_USER/SOFTWARE/MICROSOFT/INTERNET EXPLORER"或"HKEY_LOCAL_MAC ...

  2. 无显示仍然发挥树莓派——VNCserver设定

    谁说没有显示器就不能玩树莓派的图形界面了.不要忘了VNCserver哦! VNC(Virtual Network Computing)属于一种网络显示系统,也就是说它能将完整的窗体界面通过网络传输到还 ...

  3. 职业选择測试（A/B卷）

    不同性格的人适合从事不同的职业.职业选择对于每一个人都是很重要的事情.假设能选一个既可以发挥潜能又有兴趣的工作,会使整个团队的效率逐倍增长.想了解你更适合什么职业吗?一起来測试一下吧.本套測试分为A卷 ...

  4. 上传文件块client实现

    首先由内容阻止所有文件(块大小的约束),然后对于每一个chunk构造单独的一个UDP 数据报进行传输,在应用层的開始是自己定义的包头,有块号,块长度,块指纹等元数据信息,这些信息便于接收端可以按序正确 ...

  5. STL源代码分析--迭代摘要、迭代器失效汇总

    Vector 1.内部数据结构:连续存储,比如数组. 2.随机訪问每一个元素,所须要的时间为常量. 3.在末尾添加或删除元素所需时间与元素数目无关,在中间或开头添加或删除元素所需时间随元素数目呈线性变 ...

  6. Catalan数总结

    财产: 前20条目:1, 1, 2, 5, 14, 42, 132, 429, 1430, 4862, 16796, 58786, 208012, 742900, 2674440, 9694845, ...

  7. YouTube图片幻灯片分享技巧

    以前,您将使用的Windows Movie Maker或Picasa的工具,如缝合的图像文件转换成视频上传到YouTube.然而,添美的小编分享了她的技巧,你可以创建一个图片直接进入YouTube的视 ...

  8. CPU 风扇清理灰尘加油全过程图解

    主机电源风扇因为使用时间长,风扇轴承的润滑油耗尽,导致风扇转速下降或是不转,引起电源热量无法有效排除而造成电脑常常死机,解决的方法有几种. 现图讲解明最简单省钱的办法例如以下: 1.把电源从主机上拆下 ...

  9. oracle_单向函数_数字化功能

    oracle_单向函数_数字化功能 1.abs(x)   为了获得x绝对值 2.ceil(x)   用于获得大于或等于x的最小整数. 3.floor(x)   用于获得小于或等于x 4.mod(x,y ...

  10. NSIS：实现程序窗口逐渐透明的渐入渐出效果

    原文NSIS:实现程序窗口逐渐透明的渐入渐出效果 需要修改版的插件(支持timer功能): MUI:InstallOptions.dll MUI2:nsDialogs.dll 以及system插件,( ...