EXTJS修改,使用原生JS

本人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()}}'));
}
});
}

你不是要结合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>

楼上的代码就可以,如果你非要用button标签就是把楼上的createElement('input')改为createElement('button');

 <script>
     var btn = document.createElement('button')    // 创建一个button的标签
     btn.className = 'hl-btn btn btn-xs btn-primary'   // 给button标签设置类名
     btn.onclick = function(){点击事件执行函数}  // 点击事件绑定


     // 这是一种更简单的创建方法
     var domStr = "<button id='btn_S' type='button' class='hl-btn btn btn-xs btn-primary' onclick='onSubmit()'><i class='fa fa-check'>&nbsp;</i>保存</button>"    // 把要创建的标签写成一个完整的字符串,通过innerHTML写入到你想添加到的某个盒子中,比如body中
     document.querySelector('body').innerHTML = domStr   // querySelector 只支持高版本浏览器,低版本选择其他的选择符就行。
 </script>