jQuery调用WCF服务时如何传递对象参数

最新推荐文章于 2018-01-29 10:24:33 发布

weixin_33948416

最新推荐文章于 2018-01-29 10:24:33 发布

阅读量163

点赞数

文章标签： javascript json ViewUI

本文介绍如何使用jQuery调用WCF服务，包括客户端JavaScript对象到JSON格式的转换及发送POST请求的具体实现。示例代码展示了如何创建课程对象并将其序列化为JSON格式，再通过jQuery的$.ajax方法发送到WCF服务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery调用WCF服务的设置请参考：jQuery调用WCF需要注意的一些问题。

WCF服务接口代码示例：

[ServiceContract]
public interface ICourseService
{
[OperationContract]
bool Create(Course course);
}

客户端调用代码示例：

< script type = " text/javascript " src = " /script/jquery.json-2.2.min.js " >< / script>
< script type = " text/javascript " >
function create_course() {
var course = {};
course.Title = $( " #course_title " ).val();
course.CategoryId = $( " #course_category " ).val();
course.Frequency = $( " #course_frequency " ).val();
course.Alias = $( " #course_alias " ).val();
course.Description = $( " #course_desc " ).val();
course.IsPublish = $( " #is_publish " ).attr( " checked " ).toString();
var jsonCourse = $.toJSON(course);//代码1
var jsonCourse2 = '{"course":' + jsonCourse + '}' ;//代码2
$.ajax({
type: " POST " ,
url: " /wcf/CourseService.svc/Create " ,
data: jsonCourse2,
contentType: " application/json; charset=utf-8 " ,
dataType: " json " ,
success: function (data) {
},
error: function (xhr) {
debugger ;
}
});
}
< / script>

上面代码红色字体部分：

代码1是通过jquery-json插件将JavaScript对象转换为Json格式。

代码2是将代码1得到的Json格式转换为WCF服务接口所需的Json格式，实际格式是：

{"course":{"Title":"test","CategoryId":"1","Frequency":"10","Alias":"test","Description":"testtest","IsPublish":"true"}}

参考文章：

Passing JSON serialized objects to a WCF service with jQuery