![](/img/trans.png)
[英]How to Call Ajax request to fetch records from database and display on jsp using servlet on page load
[英]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.