자동 양식 작성
6305 단어 JavaScripthtmlxmlservletGoogle
사용자 가 귀하 의 홈 페이지 에 자 료 를 작성 할 때 만약 에 귀하 의 사이트 자료 창고 에 해당 사용자 의 자료 가 있다 면 귀 하 는 그 가 일부 란 을 작성 한 후에 이 란 에 따라 다른 관련 자 료 를 자동 으로 표시 하여 그 가 중복 되 는 자 료 를 작성 하지 않도록 할 수 있 습 니 다.예 를 들 어 직원 이 관리 하 는 홈 페이지 가 있 습 니 다.
4.567913.입력 인원 이 직원 번 호 를 채 웠 을 때 만약 에 자료 창고 에 이 번호 의 직원 자료 가 있 으 면 귀 하 는 비 동기 적 으로 명칭,급여 와 주소 정 보 를 얻 고 홈 페이지 에 직접 표시 할 수 있 습 니 다.그러면 입력 인원 은 이런 자 료 를 중복 입력 하지 않 고 AutoFilledEx-1js 의 내용 을 볼 수 있 습 니 다.
4
<!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=BIG5">
<title> </title>
<script type="text/javascript" src="AutoFilledEx-1.js"></script>
</head>
<body>
<table>
<tbody>
<tr>
<td> ：</td>
<td><input id="id" type="text" onchange="readEmployee();"></td>
</tr>
<tr>
<td> ：</td>
<td><input id="name" type="text"></td>
</tr>
<tr>
<td> ：</td>
<td><input id="salary" type="text"></td>
</tr>
<tr>
<td> ：</td>
<td><input id="address" type="text"></td>
</tr>
</tbody>
</table>
</body>
</html>예 를 들 어 이 클 라 이언 트 웹 페이지 에 아래 의 간단 한 Servlet 을 사용 할 수 있 습 니 다.
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function readEmployee() {
var id = document.getElementById("id").value;
// id
if(id === "") {
clearEmployee();
return;
}
var url = "EmployeeServlet?id=" + id;
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", url);
xmlHttp.send(null);
}
function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
updateEmployee();
}
}
}
function updateEmployee() {
var xml = xmlHttp.responseXML;
document.getElementById("name").value =
xml.getElementsByTagName("name")[0].firstChild.data;
document.getElementById("salary").value =
xml.getElementsByTagName("salary")[0].firstChild.data;
document.getElementById("address").value =
xml.getElementsByTagName("address")[0].firstChild.data;
}
function clearEmployee() {
document.getElementById("name").value = "";
document.getElementById("salary").value = "";
document.getElementById("address").value = "";
}이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
