使用JSP中

Question

Ajax響應我有一個JSP網頁，其中有什麼，但有5行5列普通的HTML表格。

現在我調用Ajax並得到響應。現在，當我收到回覆後，我需要填寫表格中相應的單元格中的數據。

所以我的問題是，

1. 我應該使用JSON來構建響應嗎？
2. 如何在JSP級別處理數據。也就是說，一旦我有了服務器的迴應？

就像其他信息一樣，我使用的是DWR，它不過是從JavaScript代碼中調用Java方法（它構建響應）。

Answer 1

讓我們考慮一下這個Java類。

class Employee 
    { 
     int id; 
     String eName; 
     // Setters and getters 
    } 

在JavaScript中，JSON對象：

var employee = { 
    id : null, 
    name : null 
}; 

這是從JavaScript函數的Java方法調用：所述EmployeeUtil類的

EmployeeUtil.getRow(employee,dwrData); 

在的getRow（），方法的退貨類型爲員工：

Employee getRow(); 

所以使用Employee的setters設置數據。 dwrData是回調函數。

function dwrData(data) { 
    employee=data; 
} 

返回的數據，這是一個Employee bean，將在回調函數中。

在JavaScript JSON對象只是初始化這一點。

因此使用JSON對象來填充表。

編輯：

可以使用List getRow()代替Employee getRow()，返回行的列表作爲列表，而不是一個Bean。

現在響應包含列表作爲數據。

參照Populate rows using DWR。

檢查這些例子在表填充數據：

• DWR + Dojo Demo
• Dynamically Editing a Table

我應該使用JSON構建的反應如何？

• 不需要傳遞JSON作爲迴應。而是返回一個如上所述的類的Bean。

• 列表也可以作爲響應傳遞，也如上所述。

如何在JSP級別處理數據。也就是說，一旦我有了服務器的響應。

查看上面的解釋和給定鏈接的示例，以處理JSP中的響應並將響應數據顯示在表中。

• DWR basics on YouTube

Answer 2

JSP頁面是動態生成的servlet。一旦用戶點擊一個JSP頁面，他們會收到動態生成的HTML，除非他們完成諸如「刷新」或提交表單之類的操作，否則它們不再與生成該頁面的JSP頁面進行通信。查看Oracle的JSP Page獲取更多信息，Wikipedia獲得關於JSP技術的體面高級解釋。

來處理Ajax，你將需要定義能夠處理從JavaScript上來的XML請求的一個新的網絡端點。請參閱this example,this library或此JSON Example。

Answer 3

我做的相當頻繁是設置針對這種情況兩個servlet：

MyServlet 
MyAJAXServlet 

MyServlet處理普通的HTTP請求和（通常）使用一個RequestDispatcher轉發結束對JSP的請求。

例子：

public class MyServlet extends HttpServlet { 
    private static final long serialVersionUID = -5630346476575695999L; 
    public void doGet(HttpServletRequest req, HttpServletResponse res) 
      throws ServletException, IOException { 
     doGetAndPost(req, res); 
    } 
    public void doPost(HttpServletRequest req, HttpServletResponse res) 
      throws ServletException, IOException { 
     doGetAndPost(req, res); 
    } 
    private final void doGetAndPost(HttpServletRequest req, 
      HttpServletResponse res) throws ServletException, IOException { 
     /* 
     * Handle the response here, manipulate the 'MODEL' 
     */ 
     /* 
     * Forward to the 'VIEW' (No Baba Wawa jokes please) 
     */ 
     RequestDispatcher rdis = req.getRequestDispatcher("Path/To/My/JSP"); 
     rdis.forward(req, res); 
    } 
} 

凡爲AJAX Servlet檢查請求的參數列表的「命令」的存在：如果格式化你的JSP，允許批量替換HTML的

public class MyAJAXServlet extends HttpServlet { 
    private static final long serialVersionUID = -5630346476575695915L; 

    public void doGet(HttpServletRequest req, HttpServletResponse res) 
      throws ServletException, IOException { 
     doGetAndPost(req, res); 
    } 

    public void doPost(HttpServletRequest req, HttpServletResponse res) 
      throws ServletException, IOException { 
     doGetAndPost(req, res); 
    } 

    private final void doGetAndPost(HttpServletRequest req, 
      HttpServletResponse res) throws ServletException, IOException { 

      String cmd = req.getParameter("cmd"); 
      if (cmd == null || cmd.length() < 1) { 
       /* Custom fail mode here, perhaps toss back failure HTML */ 
       return; 
      } 

      /* Easily implement command pattern here, but for simplicity, we will use an if tree */ 

      if (cmd.equalsIgnoreCase("getSomeData")) { 
       String out = "<tr><td>ExampleCell in ExampleRow</td></tr>"; 
       res.getWriter().append(out); 
       return; 
      } else if (cmd.equalsIgnoreCase("someOtherCommand")) { 
       /* Do something else */ 
      } 

    } 
} 

像這樣的元素：

<table id="pleaseReplaceMyContentsTABLE"> 
    <tr><td>&nbsp;</td></tr> 
</table> 

然後，它變得非常容易動態修改網頁p年齡段的用戶（使用jQuery在這個例子中）：

var url = "http://mydomain.whatever/myapp/MyAJAXServletMappedURL?cmd=getSomeData"; 
$.post(url, function(data) { 
    //Message data a bit & display 
    $("#pleaseReplaceMyContentsTABLE").html(data); 
}); 

從AJAX的Servlet發回預先格式化的HTML一些限制：

1. 如果要回送一箇中度到大量的數據，然後當客戶數量開始上升時，您的網絡服務器很容易變得過載。又如，它不會很好地擴展。
2. 正在格式化HTML以發送給客戶端的Java代碼可能會變得難看難讀。很快。

Answer 4

1. 如果您使用DWR，則不需要使用JSON，它在內部使用。
2. 使用javascript，jsp代碼超出範圍。該頁面已生成，因此您只能使用javascrip修改DOM。

在DWR教程中有很多示例正在做你所需要的。我想你只需要做一些事情爲：

dwrobject.funtionAjax(param,returnFunction); 
... 
    function returnFunction(data) { 
// use javascript to change the dom 
    } 

Answer 5

阿賈克斯部分：我們返回對象的列表：

public List<IdTexto> getPaisesStartingBy(String texto,String locale){ 
     List<IdTexto> res = new ArrayList<IdTexto>(); 
// Fill the array 
return res; 
} 

的IdTexto是geters和setter一個簡單的bean：

public class IdTexto { 

    private int id; 
    private String texto; 
    private String texto2; 
// getters and setters 
} 

它在dwr.xml中定義爲bean：

<convert converter="bean" match="com.me.company.beans.IdTexto"/> 

而且包含Java功能的類被定義爲創作者：

<create creator="new" javascript="shopdb"> 
    <param name="class" value="com.me.company.ajax.ShopAjax"/> 
</create> 

在JSP中，我們定義一個函數JavaScript來獲取一些文本對象以這種方式開始的列表：

shopdb.getPaisesStartingBy(req.term,'<s:text name="locale.language"/>', writePaises); 

並寫下相應功能的文本：

function writePaides (data) { 
var result="<table>"; 
for (i=0; i<data.length;i++) { 
id = data[i].id; 
texto=data[i].texto; 
texto2=data[i].txto2; 
// now we write inside some object in the dom 
result+="<tr><td>"+id+"</td><td>"+texto+"</td><td>"+texto2+"</td></tr>"; 
} 
result+="</table>"; 
$("tabla").innerHTML=result; 
} 

如果是你，而不是一個bean有一些其他的對象，你會訪問properti以同樣的方式。