Ajax AutoComplete(Ajax 의 자동 완성)
struts 1.2 의 예 를 정리 하여 첨부 파일 을 보십시오.소스 코드 는/WEB-INF/classes 아래 에 있 습 니 다.
그 중에서 인 코딩 에 대한 처 리 는 escape,javascript 인 코딩 을 사용 하면 중국어 오류 가 발생 하지 않 습 니 다.자동 으로 완성 할 수 있 을 뿐만 아니 라 텍스트 상자,드 롭 다운 상자 에 값 을 부여 할 수 있 습 니 다.id 만 정의 하면 됩 니 다.prototype 의$(")를 사 용 했 기 때문에 이 표 시 는 document.getElement ById(")와 등가 입 니 다.
간단하게 설명 하면 첨부 파일 을 볼 수 있 습 니 다.
우선 필요 한 js 파일 가 져 오기
<%
String context = request.getContextPath();
%>
<script type="text/javascript" src="<%= context%>/js/lib/prototype.js"></script>
<script type="text/javascript" src="<%= context%>/js/lib/autocomplete.js"></script>
<link rel="stylesheet" type="text/css" href="<%= context%>/css/autocomplete/autocomplete.css" />
그리고 간단 한 자 바스 크 립 트 코드 한 마디 만 더 하면 OK 입 니 다.
<script type="text/javascript">
// ， ，count ， ， 10
new AutoTip.AutoComplete("province", function() {
return "<%= context%>/autocomplete.do?method=province&count=10&inputValue=" + escape(this.text.value);
});
</script>
그 중에서/autocomplete.do?method=province 는 struts 1.2 에 있 는 DispatchAction 의 경로 이 고 괄호 안에 있 는 province 는 자동 으로 완 성 된 텍스트 상자 의 name 값 입 니 다.
효 과 를 볼 수 있어 요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
