前端处理json数据

marshalbin 发布于 2016/09/07 16:11
阅读 3K+
收藏 0

我目前遇到一个问题,请大家帮我解决,谢谢

问题描述:

前端通过ajax方式向后台请求数据,后台以json格式向前端返回数据,例如:后端向前端返回一个查询列表的数据(查询列表的数据以json格式返回),我需要把查询列表的数据显示在页面上,现在的实现方式是通过ajax的回调函数拿到查询列表数据,然后在js中循环把查询列表的数据通过循环拼接html标签的字符串,把最终的字符串显示到页面相应的div中。我觉得这样的方式开发过程中太麻烦了,每次都要把html标签以及后端返回的数据拼接到一起,非常不方便。拼接的字符串如:

success:function(data){
    var _str = "<option  value=''></option>";
    for(var i = 0; i < data.rows.length; i++){
        var d = data.rows[i];
        _str += "<option value='"+d.id+"'>"+d.areaname+"</option>"; 
    }
    $("#sysArea").html(_str) ;
}

请问大家有没有好的框架或者好的方式能更方便的处理。谢谢。

加载中
1
Narky
Narky

你要的是一个模板库,比如Mustache https://github.com/janl/mustache.js,或者 Handlebars http://handlebarsjs.com/

推荐Mustache,稍微简单一点

0
skhuhu
skhuhu
框架还是拼接 jquery.page 网上有··
m
marshalbin
您好,您用什么框架?
0
littledew
littledew

推荐vue,处理数据非常方便。

0
张亦俊
张亦俊

简单的搞个模板引擎,神马etpl之类的

复杂的上react、vue这类玩意

0
吴笑笑
前端好用的框架比如双向绑定vue,avalon还有react,backbone,angularjs等等都可以选择
0
rwrqrwr
rwrqrwr
还有更好的方法么, 表示有好的方法一定要分享出来啊
0
红薯官方
红薯官方

没有用模板引擎、MVVM框架之类的,就只能自己拼接HTML字符串了(最好用jquery产生element来代替拼字符串防注入),是十分麻烦。

另外,用上MVVM框架,你就不用纠结这个问题了。

模板引擎可以解决你的数据产生View的问题,而MVVM框架则可以解决数据到视图和数据双向绑定。

我项目用avalon.js,司徒正美大神的大作,当初看上的是简单易用,一般需求下效率上没什么明显问题。

0
1
1024菜bird
jqgrid可以考虑下 挺方便的
0
m
marshalbin
谢谢,谢谢大家的回答,对我非常受益!
0
神恰恰
神恰恰
因为是直接返回json 建议用datatables,datatables是根据你返回的json数据来构造一个table,还内嵌了很多东西,你可以试一下
返回顶部
顶部