easyui 두 방법에 의해 첫 페이지에 서블릿 JSON 데이터 전송

easyui 두 방법에 의해 첫 페이지에 서블릿 JSON 데이터 전송

 

동일한 서블릿에있어서의 전사 층의 데이터를 얻기 위해 두 가지 방법, 예를 들면 다음 룩업 테이블로 모든 정보 서블릿 코드이다.

// 의 doGet 메소드가 오버라이드 (override) 
보호  무효 의 doGet (HttpServletRequest의 요구는 HttpServletResponse를 응답하는) 발생 ServletException을, IOException가 {
     // 해야할 일 자동 생성 방법 스텁 

    Request.setCharacterEncoding ( "UTF-8."); // 중국어 REQUEST 요청 데이터를 방지하기 위해 왜곡 
    문자열 = request.getParameter 플래그 ( "플래그"); // 플래그의 값에 의해 결정 CRUD 조작 IF (플래그 == 널 ) { 
        queryOffer (요청, 응답) 
    } 다른 IF ( "추가" .equals (플래그) ) { 
        addOffer (요청, 응답) 
    } 다른 IF ( "델"
      {) (플래그) .equals 
        , deleteOffer이 (요청, 응답) 
    } 다른  IF ( "업데이트" ) {플래그 .equals () 
        updateOffer (요청, 응답); 
    } 
} 
// 처리 데이터베이스 쿼리의 데이터가 선단을 반환 할 
보호  무효 queryOffer (HttpServletRequest의 요청은하고 HttpServletResponse 응답) {
     // 해야할 일 자동 생성 된 스텁 방법 
    목록 = <대한 제공 페널티>가 제공 새로운 새로운 <을 위해 제공 페널티> ArrayList의을 (); 
    오퍼 = offerservice.queryOfferService ();
     은 try { 
        문자열 STR = JSONArray.toJSONString ( 이벤트); //JSON 문자열로 데이터베이스 쿼리의 집합으로 변환 
        에서 System.out.println (STR) 
        response.setContentType ( "텍스트 / HTML;. 캐릭터 세트 = UTF-8"); // 중국 깨진 데이터 응답 방지 
        ) (response.getWriter .print (STR); // 앞으로 전송 스테이션 문자열 
    } 캐치 (예외 E) {
         // 해야할 일 자동 생성 된 블록 캐치 
        e.printStackTrace (); 
    } 
}

 

• easyui으로 포함 table데이터 전송 태그 후방 속성 취득

  JSP 코드 :

  • url: 전송 어드레스 데이터 (; 액션 또는 PHP 사용될 수있다 경로가되도록 Benpian는 서블릿 경로는 서블릿을 사용)

  • field필드 이름 전사 JSON 데이터, 즉, 데이터베이스 필드 (열 이름)

  < 테이블 ID = "DG" 제목 = "用户列表「클래스 ="easyui-데이터 그리드 " 스타일 ="폭 : 80 %, 신장 250 픽셀 " 
              URL ="<request.getContextPath % = () %> / OfferServlet "      
              도구 = "#toolbar" 
              rownumbers가 = "true"로 fitColumns = "true"로 singleSelect = "참" > 
          < THEAD > 
              < TR > 
                  < 번째 필드 = "offerid" 폭 = "50" >商品ID </ 일 > 
                  < 번째 필드= "OfferName" 폭 = "100" > 상품명 </ TH > 
                  < TH 필드 = "offertype" 폭 = "200은" > 제품 형태 </ TH는 > 
                  < TH 필드 = "offerdesc" 폭 = "200은" > 설명 </ TH > 
                  < TH 필드 = ". 가격" 폭 = "200은" > 상품 </ TH > 
              </ TR > 
          </ THEAD >
      </ 테이블 >

   

• JS 데이터 선단 JSON에 통과

  JSP 코드 :

  < 테이블 ID = "DG" 제목 = "用户列表「클래스 ="easyui-데이터 그리드 " 스타일 ="폭 : 1000px, 높이 250 픽셀 " 도구 ="# 모음 " > 
  </ 테이블 >

   

  JS 코드 :

  • title표 열 이름 표시

  $ ( 함수 () { 
      $ ( '#dg' ) .datagrid ({ 
          URL : "$ {} pageContext.request.contextPath / OfferServlet", // 서블릿 경로 
          열 : [[ 
              {필드 : 'OFFERID'제목 : ' 제품 ID ', 폭 : 100 }, 
              {필드 : 'OfferName '제목'상품명 ', 폭 : 100 }, 
              {필드 : 'offertype '제목 : "제품 타입", 폭 : 100 }, 
              {필드 : 'offerdesc'제목 '설명', 폭 : 300 }, 
              {필드 : '가격.'제목 '상품', 폭 : 150 } 
          ]       
      });
  });