2011-08-31 80 views
0

我有非常大的頁面,我將使用名字,姓氏進行搜索,現在頁面會刷新用戶詳細信息以及他遇到的問題。使用jquery/ajax搜索html表格進行搜索

問題案例部分是一個簡單的html表格,具有搜索按鈕的日期搜索字段。在提供日期和點擊搜索按鈕時,我想刷新這些日期之間的情況,而無需刷新整個頁面。現在我正在整個頁面刷新。

請幫助我如何處理jQuery/ajax而不使用任何外部ajax工具。我正在使用Java/JSP,Struts2。我有一切在後端,它返回所需的對象列表。當我使用下面的代碼時,我得到了整個html頁面作爲「data」變量的結果。

 $.ajax({ 
      type: "POST", 
      url: "caseSearch", 
      data:"FromDate=" + fromDate, 
      dataType: "text/html;charset=utf-8", 
      success: function(data) { 
       alert(data); 
       $("#caseResult").html(data); 
      } 
     }); 

回答

0
  • AJAX請求可以被傳遞到一個servlet。在servlet中設置對xml格式的響應。

    response.setContentType("text/xml") 
    
  • 創建的PrintWriter

    PrintWriter out= response.getWriter(); 
    
  • 設置從數據庫訪問的數據將在JSP呈現像

    <Name>x</Name> 
        <Gender>male</Gender> 
    
  • 所以,現在返回的數據將是以xml格式。

  • 使用javascript解析xml以正確顯示。

    Parsing XML in JavaScript


DWR也可以用於此目的。

Check this for learning resources for DWR

+0

謝謝您的答覆,但我使用Struts2的和我的組織不允許使用DWR或其他種類。 – changeme

+0

如果DWR沒有全部關閉,那麼您可以像上面解釋的那樣,通過struts動作控制器以XML形式發送數據。 –