폼 이 리 턴 키 / submit 기능 을 바 꾸 면 자동 으로 폼 을 제출 하지 않 습 니 다 (AJAX 내용 이 스 쳐 지나 갑 니 다)

일반적인 form 폼 의 기본 리 턴 키 는 폼 을 제출 합 니 다. 이 는 AJAX 의 내용 이 페이지 를 스 쳐 지나 갈 수 있 습 니 다.제출 후 페이지 가 이동 하기 때 문 입 니 다 (새로 고침)
그래서 이 때 는 폼 에 있 는 submit 단 추 를 button 단추 로 바 꿔 야 합 니 다.submit 의 기본 행동 을 수정 하거나
그러나 그 후에 문제 가 발생 할 수 있다. 예 를 들 어 AJAX 기술 이 검색 기능 을 실현 할 때 폼 에 text 형식 요소 가 있어 야 하고 리 턴 키 는 자동 으로 submit 기능 을 촉발 할 수 있다.그래서 폼 에 이 코드 를 추가 할 수 있 습 니 다.
如此,可以取消回车键的自动提交功能。

然而,新问题又出现了,这样的交互也太不友好了,检索按回车岂不是很方便,这么一搞回车就废了,非要点击按钮才可以。为了彻底解决这一问题,在text节点中加入属性onkeydown,修改回车键的行为,如下:



		
		
	

상례 의 confirm 은 당신 이 정의 한 js 스 크 립 트 함수 입 니 다.나 는 나의 코드 필름 을 완전히 붙 였 으 니, 여러분 은 참고 하 실 수 있 습 니 다.(servlet 를 백 엔 드 로 사용)
function confirm(){
var request=new XMLHttpRequest();
request.open("post","servlet/SearchServlet",true);
var data="staffname="+document.getElementById("staffname").value;
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
request.send(data);
request.onreadystatechange=function(){
if(request.readyState===4){
if(request.status===200){
document.getElementById("result").innerHTML=request.responseText;
//alert("ok");
}else{
alert ("오류 발생:" + request. status);
}
}
}
}
이상, 서로 공부, 독학 기록 ~

좋은 웹페이지 즐겨찾기