dwr 학습2

(1) 전단 자바 코드 부분
4

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!--  dwr engine.js -->
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/engine.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/util.js"></script>
<!--  java  -->
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/interface/UserService.js"></script>
<script type="text/javascript">
	window.onload = init;
	// 
	dwr.engine.setErrorHandler(errorHandler);
	function init() {
		// util.js $("xxx") id ， ， jquery 
		initTable();
	}
	function search() {
		var id = document.getElementById("searchId").value;
		UserService.load(id,function(data){
			document.getElementById("searchResult").innerHTML = " :"+data.name+"-->"+data.group.name;
		});
	}
	function initTable() {
		UserService.list(function(data){
			var t = document.getElementById("users");
			if(t.getElementsByTagName("tbody")[0])
				t.removeChild(t.getElementsByTagName("tbody")[0]);
			
			var tb = "<tbody>"
			for(var i=0;i<data.length;i++) {
				tb+="<tr><td>"+data[i].id+"</td><td>"+data[i].name+"</td><td>"+data[i].group.name+"</td></tr>"
			}
			tb+="</tbody>"
			t.innerHTML=t.innerHTML+tb;
		});
	}
	function addUser() {
		var uid = document.getElementById("userId").value;
		var uname = document.getElementById("username").value;
		var gid = document.getElementById("groupId").value;
		var gname = document.getElementById("groupName").value;
		var u = {"id":uid,"name":uname,group:{"id":gid,"name":gname}};
		UserService.add(u);
		initTable();
	}
	function deleteUser() {
		var did = document.getElementById("did").value;
		/*UserService.deleteUser(did,{
			callback:function(data){
				initTable();
			},
			errorHandler:function(msg,e) {
				alert(msg);
				for(var eo in e) {
					alert(eo+"---->"+e[eo]);
				}
			}
		});*/
		UserService.deleteUser(did,function(data){
			initTable();
		});
				
	}
	
	function errorHandler(msg,e) {
		alert(msg);
		for(var eo in e) {
			alert(eo+"------>"+e[eo]);
		}
	}
</script>
</head>
<body>
<table id="users" border="1" width="700" align="center">
	<thead>
	<tr><td colspan="3"> id:<input type="text" id="searchId"/><input type="button" value="search" id="searchBtn" onclick="search()"/></td></tr>
	<tr><td> </td><td> </td><td> </td></tr>
	</thead>
</table>
<p>
	<input type="text" id="did"/><input type="button" value=" " onclick="deleteUser()"/>
</p>
<p>
 :<input type="text" id="username"/>  id:<input type="text" id="userId"/><br/>
 :<input type="text" id="groupName"/>  id:<input type="text" id="groupId"/><br/>
<input type="button" value=" " onclick="addUser()"/>
</p>

<div id="searchResult"></div>
</body>
</html>

(2)java 코드 부분

package org.konghao.service;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Set;

public class UserService {
	private static Map<Integer,User> users = new HashMap<Integer,User>();
	static {
		users.put(1, new User(1," ",new Group(1," ")));
		users.put(2, new User(2," ",new Group(1," ")));
		users.put(3, new User(3," ",new Group(2," ")));
		users.put(4, new User(4," ",new Group(2," ")));
	}
	public UserService() {
		
	}
	public User load(int id) {
		return users.get(id);
	}
	
	public void add(User user) {
		users.put(user.getId(), user);
	}
	
	public void deleteUser(int id) {
		if(!users.containsKey(id)) throw new UserException(" !");
		users.remove(id);
	}
	
	public List<User> list() {
		Set<Integer> keys = users.keySet();
		List<User> us = new ArrayList<User>();
		for(Integer key:keys) {
			us.add(users.get(key));
		}
		return us;
	}
}

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

dwr 학습2

좋은 웹페이지 즐겨찾기