likai
V2EX  ›  问与答

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

  •  
  •   likai · Aug 13, 2015 · 2703 views
    This topic created in 4104 days ago, the information mentioned may be changed or developed.
    ajax?列表用each出来好像很麻烦。
    18 replies  •  2015-08-14 09:48:48 +08:00
    linauror
    linauror
    Aug 13, 2015
    1
    不然你可以看看angularjs
    theFool
    theFool
    Aug 13, 2015
    2
    找模板渲染。比如mustache.js.
    tushiner
    tushiner
    Aug 13, 2015
    3
    前端就是这样一点点的写出来的,想和后端一样的快速编程不现实
    likai
    likai
    OP
    Aug 13, 2015
    4
    @linauror 我想到的也是这个.可是相对于我这个JS菜鸟来说这个上手好像有点..
    @theFool 嗯.嗯.感谢.让我想到了搜索关键词
    likai
    likai
    OP
    Aug 13, 2015
    5
    @tushiner 如果能有稍微简单一点的办法。为什么不用呢?对不
    virusdefender
    virusdefender
    Aug 13, 2015 via Android
    6
    用一些框架 推荐avalon 一个循环就可以了
    tushiner
    tushiner
    Aug 13, 2015 via Android
    7
    @likai 追求不一样,风格和方法就不一样,这个没必要强求
    vibbow
    vibbow
    Aug 13, 2015 via Android
    8
    我说用xslt会不会被打……
    ljbha007
    ljbha007
    Aug 13, 2015
    9
    Angular和backbone都可以啊
    感觉Angular比较适合楼主这种懒人思维
    但是用了就得用到底 不然换框架的时候前端代码需要大量重构 楼主你得想清楚了
    ljbha007
    ljbha007
    Aug 14, 2015
    11
    上面是个例子
    ss098
    ss098
    Aug 14, 2015 via iPad
    12
    你说的这叫 RESTful,上面已经列出来了其工程实现框架。
    kchum
    kchum
    Aug 14, 2015 via iPhone
    13
    还有个 Handlebars.js
    qw7692336
    qw7692336
    Aug 14, 2015
    14
    楼主想要的应该就是AngularJS吧?
    dong3580
    dong3580
    Aug 14, 2015 via Android
    15
    如果上面的框架都不太会,可以先从用js拼接html并输出开始。发现了好玩的地方,你就会继续深入了。
    chairuosen
    chairuosen
    Aug 14, 2015 via iPhone
    16
    angular太大,推荐vue
    gangsta
    gangsta
    Aug 14, 2015❤️1
    17
    一个简单的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
    sliwey
    Aug 14, 2015
    18
    用各种前端模板不就好了吗,用得着就直接angular什么的吗
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1471 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 44ms · UTC 04:35 · PVG 12:35 · LAX 20:35 · JFK 23:35
    ♥ Do have faith in what you're doing.