jQuery调用RESTful WCF GET/POST示例与配置详解

本文档主要介绍了如何使用jQuery与RESTful风格的WCF服务进行交互，包括GET和POST方法的调用示例。在近年来，RESTful设计模式在Web服务开发中越来越受欢迎，因为它强调了客户端与服务器之间的无状态通信，以及资源标识符（URI）的清晰结构。 首先，为了使WCF服务支持AJAX调用并遵循RESTful风格，你需要在创建Ajax-enabled服务时，修改 svc 文件，添加`<%@ ServiceHost Language="C#" Debug="true" Service="ajaxSample.HelloWorld" CodeBehind="HelloWorld.svc.cs" Factory="System.ServiceModel.Activation.WebServiceHostFactory" %>`。这个Factory设置确保了WCF服务能够正确地通过HTTP协议以RESTful URI的形式被访问，如`http://localhost/helloWorld.svc/Hello/person/name`。 如果不添加Factory，WCF服务将不能以这种形式直接访问，因为默认配置下，它可能不支持HTTP请求。此外，还应移除web.config文件中的`<enableWebScript/>`元素，以便允许AJAX请求的处理。 接下来，是关于代码实现的部分。WCF服务通常使用`webHttpBinding`绑定来接收GET和POST请求。对于GET方法，可以通过构建URL来直接获取数据，例如： ```javascript $.ajax({ type: 'GET', url: '/helloWorld.svc/Hello/person/John Doe', contentType: 'application/json; charset=utf-8', dataType: 'json', success: function(data) { console.log('GET response:', data); }, error: function(xhr, status, error) { console.error('GET error:', error); } }); ``` 而对于POST方法，需要发送JSON数据，并设置请求头以指示Content-Type： ```javascript var jsonData = { name: 'John Doe' }; $.ajax({ type: 'POST', url: '/helloWorld.svc/Hello', contentType: 'application/json; charset=utf-8', data: JSON.stringify(jsonData), dataType: 'json', success: function(data) { console.log('POST response:', data); }, error: function(xhr, status, error) { console.error('POST error:', error); } }); ``` 这里需要注意的是，jQuery的`$.ajax()`方法提供了灵活的配置选项，使得向RESTful WCF服务发送请求变得相对简单。无论是GET还是POST，都要确保服务端已经正确地映射了这些操作到相应的处理程序，以解析和响应请求。 总结来说，本文给出了在WCF服务端设置支持RESTful访问的配置步骤，以及在客户端如何使用jQuery发送GET和POST请求的示例代码，这对于开发者理解和实践AJAX与WCF服务的交互非常有帮助。