Question

如何在我的ajax请求中检索从我的servlet返回的json数组，以便将它放入ext js网格？注意：我的应用程序总是返回一个空网格！这是我的ajax请求：

    Ext.Ajax.request({
    url: 'src/AccessServlet.java',
    method:'POST',
    success: function ( result, request ) {
    Ext.MessageBox.alert('Success', 'Data return from the server: '+ result.responseText);
    myData =Ext.util.JSON.decode(result.responseText);
    console.log(myData);
    store.loadData(myData);
    },
    failure: function ( result, request) {      
    Ext.MessageBox.alert('Failed', result.responseText); 
    } 
});
 var store = new Ext.data.ArrayStore({
    fields: [{name: 'name'},
       {name: 'id'},]
});
var grid = new Ext.grid.GridPanel({
    store: store,
    columns: [ {header   : 'Name', 
            width    : 60},
        { header   : 'id', 
            width    : 60},],
         height: 200});
        grid.render('grid');
         });

这是我的servlet：

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
      {
       response.setContentType("application/json");
     System.out.println("Right!!You are in servlet now !!!!! ");
    PrintWriter out = response.getWriter();
    // Output stream to STDOUT
    JSONObject myObject = new JSONObject();
    myObject.put("name","xx");
    myObject.put("id","123");
    System.out.println(myObject);
   JSONObject myRecord = new JSONObject();
    myRecord.put("name","yy");
    myRecord.put("id","12");
    System.out.println(myRecord);
    JSONArray myRecords = new JSONArray();
    myRecords.add(myObject);
    myRecords.add(myRecord);
    System.out.println(myRecords);
    }

我的web.xml文件：

<?xml version="1.0" encoding="UTF-8"?>
      <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-  app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <display-name>ajaxWithServlet</display-name>
  <welcome-file-list>
<welcome-file>ajax.html</welcome-file>
 </welcome-file-list>
 <servlet>
  <description></description>
<display-name>AccessServlet</display-name>
<servlet-name>AccessServlet</servlet-name>
<servlet-class>AccessServlet</servlet-class>
<load-on-startup>1</load-on-startup>
 </servlet>
 <servlet-mapping>
<servlet-name>AccessServlet</servlet-name>
<url-pattern>/AccessServlet</url-pattern>
</servlet-mapping>
</web-app>

请帮帮我！

Answer 1

我认为你的问题是你的JsonDataStore的URL。您无法通过目录结构访问您的servlet。简单地说它不会起作用。在DataStore中将servlet的应用程序服务器URL指定为url属性。你应该觉得这很有用。

Can't get jSon dataStore into ExtJS (Sencha Touch) chart: displays error "cannot read property 'length' of undefined"

确定。在您的ajax请求中，您已将url指定为“url：src / AccessServlet.java”。这是您尝试直接访问源文件。它不起作用，因为除非编译，否则无法运行任何Java源文件。 Servlet是一样的。此外，您必须在web.xml文件中映射servlet。部署Web应用程序时，servlet将通过web.xml中映射的url提供。在ajax请求中使用此URL。另一件事是在你的servlet中你必须将json对象写入响应。使用PrintWriter实例。

http://docs.oracle.com/javaee/6/tutorial/doc/bnafd.html

json数组进入Ext js Grid

1 个答案: