WCF Data Services实例：ASP.net AJAX访问
本文参考 Code.msdn的例子，在此基础上实现了一个参考例子，代码放在了：
如果想在Asp.net MVC应用以JavaScript中访问WCF Data Service服务,以下是使用Microsoft AJAX Library库进行处理的例子
var dataContext;
var queryObject, queryObject1;
Sys.require([Sys.components.dataView, Sys.components.adoNetDataContext]);
//DOM加载完成后执行
Sys.onReady(function () {
dataContext = Sys.create.adoNetDataContext(
{
serviceUri: "/Services/NorthwindService.svc",
mergeOption: Sys.Data.MergeOption.appendOnly
});
dataContext.initialize();
queryObject = new Sys.Data.AdoNetQueryBuilder("Customers");
queryObject.set_orderby("ContactName"); //filter
queryObject.set_expand("Orders"); //$expand
queryObject1 = new Sys.Data.AdoNetQueryBuilder("Customers");
queryObject1.set_filter("startswith(CompanyName, 'A')");
});
<body xmlns:dataview="javascript:Sys.UI.DataView" xmlns:sys="javascript:Sys">
<table>
<tr class="tableHeader">
<td>
ID
</td>
<td>
Name
</td>
<td>
Contact
</td>
<td>
# Orders
</td>
</tr>
<tbody sys:attach="dataview" class="sys-template" dataview:dataprovider="{{ dataContext }}"
dataview:fetchoperation="{{ queryObject.toString() }}" dataview:autofetch="true">
<tr>
<td>
{{ CustomerID }}
</td>
<td>
{{ CompanyName }}
</td>
<td>
{{ ContactName }}
</td>
<td>
{{ Orders.length }}
</td>
</tr>
</tbody>
</table>
以上的代码效果在下图的上部分。
上图是包含：表格显示、查询、主从表三种场景的演示，可见MS AJAX的客户端脚本库功能很强大。
当面的表格显示如果定制可以使用CSS控制，当然也有很多的框架库，如Jquery中的jqGrid
如果和Asp.net集成，可以使用jqMvcGrid
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南