使用Jquery Aajx访问WCF服务（GET、POST、PUT、DELETE）

最新推荐文章于 2025-09-08 17:59:21 发布

weixin_34226182

最新推荐文章于 2025-09-08 17:59:21 发布

阅读量128

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/gossip/archive/2012/03/16/2400846.html

本文介绍如何使用jQuery AJAX实现对WCF服务的GET、POST、PUT和DELETE操作。通过具体的示例代码展示了创建、更新和删除数据的具体方法。

using jquery ajax call wcf service   get/post/put/delete
http://www.codeproject.com/Articles/254714/Implement-CRUD-operations-using-RESTful-WCF-Servic
Using POST Method
Retrieve a representation of the addressed member of the collection, in the example below, create a new entry in the collection.
 Collapse | Copy Code 
 $.ajax({
         type: "POST",
         url: "Services/EFService.svc/Members/",
         data: "{Email:'test@test.com', ScreenName:'TestUser'}",
         contentType: "application/json; charset=utf-8",
         dataType: "json",
         success: function (data) { // Play with response returned in JSON format  },
         error: function (msg) {
             alert(msg);
        }
    });    Using PUT Method
Update the entire collection with another collection, in the example below, update the addressed member of the collection.
 Collapse | Copy Code 
$.ajax({
         type: "PUT",
         url: "Services/EFService.svc/Members/",
         data: "{Email:'test@test.com', ScreenName:'TestUser'}",
         contentType: "application/json; charset=utf-8",
         dataType: "json",
         success: function (data) { // Play with response returned in JSON format  },
         error: function (msg) {
             alert(msg);
         }
     });Using DELETE Method
Delete the entire collection or a specific collection, in the example below, delete Member with id=1.
 Collapse | Copy Code 
 $.ajax({
           type: "DELETE",
           url: "Services/EFService.svc/Members(1)",
           data: "{}",
           contentType: "application/json; charset=utf-8",
           dataType: "json",
           success: function (data) { // Play with response returned in JSON format  },
           error: function (msg) {
               alert(msg);
           }
       });