V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
likai
V2EX  ›  问与答

请教一个问题,服务器提供 API,然后网站根据这个 API 取数据并渲染 html。有什么好方法么?

  •  
  •   likai · 2015-08-13 20:02:18 +08:00 · 1948 次点击
    这是一个创建于 3397 天前的主题,其中的信息可能已经有所发展或是发生改变。
    ajax?列表用each出来好像很麻烦。
    18 条回复    2015-08-14 09:48:48 +08:00
    linauror
        1
    linauror  
       2015-08-13 20:11:57 +08:00
    不然你可以看看angularjs
    theFool
        2
    theFool  
       2015-08-13 20:20:10 +08:00
    找模板渲染。比如mustache.js.
    tushiner
        3
    tushiner  
       2015-08-13 21:58:44 +08:00
    前端就是这样一点点的写出来的,想和后端一样的快速编程不现实
    likai
        4
    likai  
    OP
       2015-08-13 22:14:18 +08:00
    @linauror 我想到的也是这个.可是相对于我这个JS菜鸟来说这个上手好像有点..
    @theFool 嗯.嗯.感谢.让我想到了搜索关键词
    likai
        5
    likai  
    OP
       2015-08-13 22:15:14 +08:00
    @tushiner 如果能有稍微简单一点的办法。为什么不用呢?对不
    virusdefender
        6
    virusdefender  
       2015-08-13 23:51:09 +08:00 via Android
    用一些框架 推荐avalon 一个循环就可以了
    tushiner
        7
    tushiner  
       2015-08-13 23:52:19 +08:00 via Android
    @likai 追求不一样,风格和方法就不一样,这个没必要强求
    vibbow
        8
    vibbow  
       2015-08-13 23:52:22 +08:00 via Android
    我说用xslt会不会被打……
    ljbha007
        9
    ljbha007  
       2015-08-13 23:54:29 +08:00
    Angular和backbone都可以啊
    感觉Angular比较适合楼主这种懒人思维
    但是用了就得用到底 不然换框架的时候前端代码需要大量重构 楼主你得想清楚了
    ljbha007
        11
    ljbha007  
       2015-08-14 00:07:23 +08:00
    上面是个例子
    ss098
        12
    ss098  
       2015-08-14 04:25:11 +08:00 via iPad
    你说的这叫 RESTful,上面已经列出来了其工程实现框架。
    kchum
        13
    kchum  
       2015-08-14 07:34:27 +08:00 via iPhone
    还有个 Handlebars.js
    qw7692336
        14
    qw7692336  
       2015-08-14 09:12:49 +08:00
    楼主想要的应该就是AngularJS吧?
    dong3580
        15
    dong3580  
       2015-08-14 09:26:44 +08:00 via Android
    如果上面的框架都不太会,可以先从用js拼接html并输出开始。发现了好玩的地方,你就会继续深入了。
    chairuosen
        16
    chairuosen  
       2015-08-14 09:29:48 +08:00 via iPhone
    angular太大,推荐vue
    gangsta
        17
    gangsta  
       2015-08-14 09:36:05 +08:00   ❤️ 1
    一个简单的Handlebars.js 的demo:

    <div id="myList">

    </div>

    <script id="my-template" type="text/x-handlebars-template">
    {{#each result}}
    <div>{{name}} {{age}}</div>
    {{/each}}
    </script>

    $.ajax({
    type: "get",
    url: "your_api_url",
    success: function(result) {
    var myTemplate = Handlebars.compile($("#my-template").html());
    $('#myList').html(myTemplate(result.data));
    }
    });

    js模板相比AngularJS的学习成本低很多,也保持了代码的高可读性.
    sliwey
        18
    sliwey  
       2015-08-14 09:48:48 +08:00
    用各种前端模板不就好了吗,用得着就直接angular什么的吗
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1015 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:53 · PVG 03:53 · LAX 11:53 · JFK 14:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.