jQuery实现HTTP访问
jQuery是一个流行的javascript库,利用jQuery可以方便的访问RESTful WCF服务。由于我们定义的消息格式为Json,jQuery可以直接对其进行操作。我们添加一个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#编程访问的方式,这里不再对PUT和DELETE操作进行一一赘述。可见,RESTful WCF服务相比传统的WCF服务,易用性很高。。
查看WCFClient应用中JQueryClient.html的代码,运行页面,抓取数据包,分析动作的执行;补齐CRUD缺少的动作处理代码,调试程序。