html - WCF Data Service HTML

Question

I want to create a mechanism to allow users to embed a simple list (using UL and LI) of their publications in their own webpages.

The source of the data is a SSRS database so I was thinking about using a WCF Data Service. But I see that the WCF data Service only returns ATOM or JSON data.

Am I barking up the wrong tree?

Answer 1

为什么不使用返回的 JSON 数据并使用 MustacheJs 或任何其他 javascript 模板工具将数据显示为 UL 和 Li

下面的代码我使用了 web api，它是 wcf 数据服务的一种简单形式。您可以使用任何返回 JSON 数据的东西。

小胡子模板

<script id="RoleTemplate" type="Mustache/html">
  {{ #roles }}
         <UL>
              <Li>{{RoleID}} - {{RoleName}} ({{Description}}) </Li>
         </UL>    
{{ /roles }}

Web api 控制器代码

   public class SecurityController : ApiController
{


    // GET api/<controller>
    /// <summary>
    /// Get all role details
    /// </summary>
    /// <returns></returns>
    [HttpGet]
    public List<Role> GetAllRoles()
    {
        myApp.Security.Services.ISecurityService objSecurity = new myApp.Security.Services.SecurityService();
        return objSecurity.GetAllRole();
    }
}

阿贾克斯调用

     function getAllRoles() {
         $.ajax({
             dataType: "json",
             url: '/api/Security/GetAllRole',
             success: function (data) {
                 data = { 'roles': data }; // formatting the data to support the mustache format 
                 var html = Mustache.to_html($('#RoleTemplate').html(), data);
                 $('#tblRole').append(html);


             }
         });