WCF Data Services執行個體：ASP.net AJAX訪問

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

本文參考 Code.msdn的例子，在此基礎上實現了一個參考例子，代碼放在了：

http://dskit.codeplex.com

如果想在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");            //$orderby
queryObject.set_filter("City eq " + "'London'");   // $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

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More