DOM操作取后台json问题

rccoder
  • 1.2k

http://runjs.cn/detail/n5vshadv

代码就是上面的链接 = =很多是多余的,下面我就简单的叙述一下问题

html是swig模板渲染,类似django的那个

我的功能就是渲染这个模板的时候向后台取数据,后台的数据就是以json的形式来传送的

我要做的就是get后台传送的数据然后输出到页面上,json的格式和id或者是name是有对应的,简单的对应关系如下:
json: name 前台:name
json:a.name 前台:a_name

所以说,就像我写的一样,如果是要给#contct_email填充数据的话代码就是$('#contact_email').val(data.result.contact.email);
同样,如果是给a填充数据的话代码应该就是$('#a').val(data.result.a);

那么问题就来了,我总不能一个一个的写吧,虽然也是可以 = =那么有什么方法可以简单一下吗,不用写那么多的重复代码

get_json上面的代码是别人给我的,可以忽略,也可以参考,主要就是实现了option里面向后台取数据然后填充在相应的option里面,后台也是Json的格式。.与_的转化实在后台实现的,代码是这样的:

coffeescript.put '/user/:id', (req, res) ->
        # Tips: 身份证号、密码不能修改
        id = req.params.id
        data = req.body
        doc = {}
        return res.sendStatus 400 if not _.validate rules.objectID, id
        return res.sendStatus 403 if req.session.userInfo?._id isnt id and req.session.role isnt 'super'
        {total,invalidate} = userInfoAndRule.reduce ((x,y) ->
            [field,rule] = y
            if field.replace(/\./g, '_') of data
                x.total += 1
                if _.validate rule, data[field]
                    doc[field] = data[field]
                else
                    x.invalidate += 1
            x
        ), total:0,invalidate:0
        res.sendStatus 400 if invalidate or not total
        db.updateUserInfo id, doc, (err, succeeded) ->
            if err
                console.warn err
                return res.sendStatus 500
            if not succeeded
                return res.sendStatus 404
            #TODO: 更新一下session中的信息
            res.sendStatus 200

我就是想偷个懒,求大神解释

回复
阅读 3.6k
2 个回答

既然是模版肯定不是一个一个填充;
通常模版都会有render函数的,可参考官方文档
页面渲染有后台渲染和前端渲染,你通过ajax获取数据然后渲染页面属于前端渲染;

没用过swig,参考文档写了个小例子,仅供参考:
图片描述

function getValue (id, data) {
    var i = id.indexOf('_');
    if(i < 0) return data && data[id];

    var prop = id.slice(0, i);
    return prop && getValue(id.slice(i + 1), data[prop]);
}

var data = { 
    result: {
        contct: {
            name: "example",
            email: "email@mail.com"
        },
        a: "I'm a"
    }
}
console.log(getValue('contct_email', data.result));
console.log(getValue('a', data.result));

不知道这个是否满足你的需求,你的get_json可以这样写

function get_json() {
    $.getJSON('/user/me',
        function(data) {
            var id = 'contact_email';
            $('#' + id).val(getValue(id, data.result));
        });
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏