input,button 의 서로 다른 type 값 이 ajax 에서 폼 을 제출 할 때 발생 하 는 함정

1212 단어 inputbuttonajax
오늘 connection 을 이용 하여 폼 을 제출 하 는 과정 에서 태그'input'과'botton'의 type 속성 설정 도 학문 이 었 습 니 다.개발 과정 에서 html 코드 를 더욱 깨끗하게 하기 위해 저 는 먼저 야후 util.Event.addListener(obj,"click",callback)류 에"click"이 벤트 를 불 러 와 서 폼 을 제출 합 니 다.야후 util.Connect.asyncRequest(POST)방식 으로 폼 데 이 터 를 업로드 합 니 다.만약 에 폼 정보 가 정확 하지 않 으 면 되 돌려 처리 합 니 다.제출 단 추 는을 사용 합 니 다.이 때 IE6 가 내 폼 데 이 터 를 정확하게 처리 할 수 있 는 것 을 제외 하고 FIREFOX 는 IE7 을 포함 하여 나의 오류 처리 에 응답 할 수 없다 는 것 을 알 게 되 었 다.이때 내 생각 에 생각 한 것 은 문장 에 폼 데 이 터 를 제출 하기 전에 나 는 이미 반환 처 리 를 했 는데 페이지 가 왜 새로 고침 되 었 을 까 하 는 것 이다.저녁 에 집에 돌아 와 서 오늘 부 딪 힌 문 제 를 다시 테스트 한 결과 저 는 조금 소홀히 했 습 니 다.데이터 도 제출 되 었 고 주소 표시 줄 에서 각종 데 이 터 를 명확 하 게 볼 수 있 었 습 니 다.그리고 사실은 데이터 가 제출 된 것 이 분명 하 다 는 것 을 증 명 했 습 니 다.그래서 제 단 추 를 생각 했 습 니 다.버튼 의 유형 설정 은'submit'이 었 습 니 다.전에 코드 를 쓸 때모두"input"또는"button"에 직접 있 습 니 다.카 테 고리 가"submit"로 설정 되 어 있 을 때 이렇게 쓰 여 있 습 니 다.onclick="return fun()."또는 onclick="fun();return false;";이것 은 당연히 문제 가 발생 하지 않 습 니 다.이상 하 게 도 addListener 류 의 값 은 버튼 에 직접적인 영향 을 미 치 는 것 이 아 닙 니 다.단 추 를 누 르 면 자 연 스 럽 게 데 이 터 를 제출 합 니 다.아파~~~첨부:button 기본 type 값 은 submit 이 므 로 카 테 고리 로 표시 하 는 것 이 좋 습 니 다!!명심 하 다

좋은 웹페이지 즐겨찾기