Restful WCF开发实践 互动版

jQuery实现HTTP访问

jQuery是一个流行的javascript库,利用jQuery可以方便的访问RESTful WCF服务。由于我们定义的消息格式为JsonjQuery可以直接对其进行操作。我们添加一个JQueryClient.html文件,引入js库:

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
  • GET操作
$('#btnGet').click(function () {
    $.ajax({
        url: 'http://me.hubwiz.com/RestWcfService/employee/002',
        type: "GET",
        dataType: "json",
        contentType: 'application/json',
        success: function (data)
        {
            $("#TextGet").val(data);
        },
        error: function (er)
        {
            alert(JSON.stringify(er));
        }
    });
});
  • POST操作
$('#btnPost').click(function () {
    $.ajax({
        url: 'http://me.hubwiz.com/RestWcfService/employee',
        type: "POST",
        data: '{"Id": "009", "Grade": "G8", "Department": "风险部", "Name": "Tommy"}',
        dataType: "json",
        contentType: 'application/json',
        success: function (data) {
          alert(data);
        },
        error: function (er) {
          alert(JSON.stringify(er));
        }
    });
});

类似于C#编程访问的方式,这里不再对PUTDELETE操作进行一一赘述。可见,RESTful WCF服务相比传统的WCF服务,易用性很高。。

查看WCFClient应用中JQueryClient.html的代码,运行页面,抓取数据包,分析动作的执行;补齐CRUD缺少的动作处理代码,调试程序。