繁体   English   中英

如何使用Extjs进行Ajax调用以从jsp中的数据库中获取数据?

[英]how can I do ajax call to fetch data from database in jsp using Extjs?

我正在使用Extjs框架。 首先,我创建一个servlet从数据库中获取数据。 从数据库中获取数据后,我将存储在列表中。 然后我将列表转换为json数组,现在我想使用Extjs ajax调用将这些数据放入jsp页面。 我怎样才能做到这一点? 我的servlet是

String str = "select * from employee";
                    rs = stmt.executeQuery(str);
                    List<Employee> list1 = new ArrayList<Employee>();
                    while(rs.next){
                        emp = new Employee();
                        emp.setEmpId(rs.getInt(1));
                        emp.setFirstName(rs.getString(2));
                        list1.add(emp);
                    }
                    Gson gson = new Gson();
                    JsonElement element = gson.toJsonTree(list1, new TypeToken<List<Employee>>() {
                    }.getType());
                    JsonArray jsonArray = element.getAsJsonArray();
                    response.setContentType("application/json");
                    response.getWriter().print(jsonArray);

现在,我通过Extjs单击按钮后就在jsp文件中调用此servlet。 我怎么做ajax电话? 我正在用这个..

    Ext.onReady(function () {
    Ext.create('Ext.Button', {
        text: 'click',
        handler: function () {  
            Ext.Ajax.request({
           url: 'TestEmployee',
       success: function(result, request) {
      /////what shold I do here so that I get data here and display in jsp???
   },
   failure: function(response, opts) {
      Ext.MessageBox.alert('Failed', result.responseText);
   }
});
        },   
        renderTo: Ext.getBody()

    });
    });

尝试

var array = Ext.decode(result.responseText);

您正在使用哪个版本的ExtJ?

我建议您使用Ext 4,以便可以使用MVC模式。

我将尝试在网格中呈现员工列表,因此我将通过store.load()进行ajax请求,其中商店将被绑定到网格。

这是Extjs 4的基本教程

http://docs.sencha.com/extjs/4.2.2/#!/guide/getting_started

http://docs.sencha.com/extjs/4.2.2/#/guide/application_architecture

最好的祝福。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM