WCF与ExtJs实现项目分析

开发 后端
这里就WCF与ExtJs之间的跨域访问中实现的项目,通过Stream和ContentType的联合使用,返回原生数据给Extjs,从而实现跨域调用。

大家可能对理论的知识都很熟,但是往往实践起来就很困难,我们平时就要把实践和理论相结合,在前面文章WCF与ExtJs之间的跨域访问已经通过服务端代理的方式解决了WCF与ExtJs跨域访问的问题。

#T#那个方案看起来并不怎么优雅,而当我在写过用Restful方式调用WCF进行上传下载后,愕然发现原来WCF支持原生数据(Raw)的返回,这就解决了ExtJs与Wcf之间进行跨域调用中的难题:返回数据必须满足<script>格式。下面根据WCF与ExtJs之间的跨域访问中实现的项目,通过Stream和ContentType的联合使用,返回原生数据给Extjs,从而实现跨域调用。

***步:在PageGridService.svc后台代码中,添加操作契约GetProductsByPageCorssDomain,代码为:

  1. [OperationContract]  
  2. [WebInvoke(Method = "*"ResponseFormat = WebMessageFormat.Json,  
  3. UriTemplate = "GetProductsByPageCorssDomain?start={start}&limit={limit}&callback={callback}")]  
  4. public Stream GetProductsByPageCorssDomain(int start, int limit,string callback)  
  5. {  
  6. ProductsDataContext productDbContext = new ProductsDataContext();  
  7. IQueryable<Product> res = productDbContext.Product.Select(product => product);  
  8. PageData<Product[]> returnData = new PageData<Product[]>();  
  9. returnData.TotolRecord = res.ToArray<Product>().Length;  
  10. resres = res.Skip<Product>(start);  
  11. resres = res.Take<Product>(limit);  
  12. returnData.Data = res.ToArray<Product>();  
  13. System.Runtime.Serialization.Json.DataContractJsonSerializer formater = new System.Runtime.Serialization.Json.DataContractJsonSerializer(typeof(PageData<Product[]>));  
  14. MemoryStream ms = new MemoryStream();  
  15. formater.WriteObject(ms, returnData);  
  16. ms.Position = 0;  
  17. StreamReader sr = new StreamReader(ms);  
  18. string objContent = sr.ReadToEnd();  
  19. string returnStr = callback+"("+objContent+")";  
  20. sr.Close();  
  21. ms = new MemoryStream();  
  22. StreamWriter sw = new StreamWriter(ms);  
  23. sw.AutoFlush = true;  
  24. sw.Write(returnStr);  
  25. ms.Position = 0;  
  26. WebOperationContext.Current.OutgoingResponse.ContentType = "text/plain";  
  27. return ms;  

第二步:在项目中创建一个新的htm页面:PageGridCorssDomainWithRow.htm,代码为:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml" > 
  3. <head> 
  4. <title>ExtJs+WCF+LINQ打造分页Grid</title> 
  5. <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> 
  6. <script type="text/javascript" src="adapter/ext/ext-base.js" charset="gb2312"></script> 
  7. <script type="text/javascript" src="ext-all-debug.js" charset="gb2312"></script> 
  8. <link rel="stylesheet" type="text/css" href="shared/examples.css" /> 
  9. <script type="text/javascript" src="shared/examples.js" charset="gb2312"></script> 
  10. <script type="text/javascript" src="PageGridCrossDomainWithRow.js" charset="gb2312"></script> 
  11. </head> 
  12. <body> 
  13. <h1> 
  14. ExtJs+WCF+LINQ打造分页跨域Grid</h1> 
  15. <div id="page-grid"> 
  16. </div> 
  17. </body> 
  18. </html> 
责任编辑:田树 来源: 博客
相关推荐

2021-01-20 05:46:51

自动化Coco项目

2023-11-30 11:45:07

大数据ODPS

2009-11-05 17:00:34

WCF有序传递

2010-05-11 09:29:44

数据中心节能项目

2010-03-02 13:36:23

WCF事务投票

2010-02-25 13:48:23

WCF动态创建代码

2009-11-05 14:40:08

WCF KnownTy

2009-11-05 10:37:58

WCF Address

2009-11-06 13:33:56

WCF Dispatc

2009-11-06 09:22:46

WCF应用

2010-02-26 16:20:56

WCF程序事务

2009-12-08 18:31:58

WCF WEB

2010-02-24 12:49:39

WCF枚举

2009-12-08 14:28:16

XTemplate +

2009-12-21 10:00:46

WCF基础开发

2010-02-25 13:35:27

WCF tcpTrac

2012-04-20 10:05:16

WCF

2009-11-05 13:21:41

WCF架构

2009-11-05 13:54:07

WCF Service

2009-11-05 16:21:51

WCF服务
点赞
收藏

51CTO技术栈公众号