EXTJS修改，使用原生JS

Question

本人IT菜鸟，对JS不熟，想问一下如何将下面的代码用JS表现出来，而不用EXTJS，这段代码会生成四个按钮。
function loadInterfaceMenu() {
Ext.Ajax.request({
url: '<%=request.getContextPath()%>/ServiceAction/com.tap.sysinterface.base.servlet.InterfaceMetaAction?action=menu',
params: {
objid: objid,
objtype: objtype
},
success: function (response) {
var data = response.responseText;
//alert(data);
var jmenu = Ext.util.JSON.decode(response.responseText);
tb.add(jmenu);
tb.add(Ext.util.JSON.decode('{text:\'添加\',handler:function(){onAdd()}}'));
tb.add(Ext.util.JSON.decode('{text:\'保存\',handler:function(){onSubmit()}}'));
tb.add(Ext.util.JSON.decode('{text:\'刷新\',handler:function(){onReload()}}'));
}
});
}

Answer 1

你不是要结合extjs？那得用extjs的办法来生成按钮，js生成的按钮和ext的ui不一样，还有事件绑定，控件容器之类的都不好定位

如果只是想学js，看js如何创建按钮用下面的

<script>
    function createButton(t, func) {
        var b = document.createElement('input');
        b.type = 'button';
        b.value = t
        if (typeof func == 'function') b.onclick = func;
        return b;
    }
    window.onload = function () {
        var b = createButton("添加", function () { alert(this.value) });
        document.body.appendChild(b);
        b = createButton("保存", function () { alert(this.value) });
        document.body.appendChild(b);
        b = createButton("刷新", function () { alert(this.value) });
        document.body.appendChild(b);
    }
</script>