this login page 님이 내 브라우저 (Chrome)에서 소스를보고 작동하는 방식을 이해하려고합니다.웹 페이지 소스 코드가 불완전합니다 : 숨겨진 코드?
소스가 일부 CSS, 그림 및 일반 JavaScript 라이브러리에 연결됩니다. 맨 처음 jQuery (언어 변경)를 제외하고는 페이지가 죽은 HTML 요소 이상이 아닌 이유를 알 수 없습니다.
예를 들어 비어있는 사용자 이름과 비밀번호로 '로그인'을 클릭하면 '입력 한 사용자 이름 또는 비밀번호가 잘못되었습니다.'라는 메시지가 표시됩니다. 나타납니다. 그러나 그러한 행동이 정의 된 곳에서는 어디서나 볼 수 없습니다.
무엇이 누락 되었습니까?
관찰중인 활동은 <form> 요소의 핵심 기능 중 하나입니다. form이 제출되면 사용자의 브라우저는 양식의 action 속성에 정의 된 페이지로 연결됩니다. 이 페이지에 사용자를 안내하는 것 외에도 양식에 포함 된 input은 모두 웹 서버에 변수로 전달됩니다.
양식을 제출하는 한 가지 방법은 submit 유형의 input 요소를 양식에 포함하는 것입니다.이 양식은 웹 디자이너가 여기서 수행 한 것입니다. 해당 submit 요소가 호출되면 (예 : 클릭을 통해) 양식이 제출됩니다.
LOGIN 버튼을 클릭하면 양식이 서버에 제출되어 서버에 메시지가 포함 된 새 HTML이 반환됩니다. 그 논리는 외부에서 볼 수없는 서버 측 코드에서 정의됩니다. '소스보기'는 서버가 출력하는 내용 만 표시합니다.
표시되는 메시지는 jQuery/Javascript로 표시되지 않습니다.
"로그인"버튼을 클릭하면 페이지가 요청을 전송합니다. 즉, 서버 측 코드가 실행되기 시작한다는 것을 의미합니다.
이 서버 측 코드는 입력을 처리하고 표시되는 오류 메시지를 생성합니다.
"로그인"버튼을 검사 할 때 지정된 서버 요청이 표시되지 않습니다. 이 요소는 다음과 같습니다. ' – Randomblue
lol 지정한 서버 요청을 붙여 넣었습니다. 'type = "submit"'서버에 양식을 제출하는 것입니다. :) – Danpe
Ah! 나는 어떤 종류의 URL을 기대하고 있었는데 ... URL이 필요하지 않습니까? – Randomblue
페이지가 단순히 상쾌하다고 생각합니다. 크롬 콘솔에서 네트워크 탭을 열고 빈 양식을 제출할 때이를 확인하여 확인할 수 있습니다.
http 자산 캐싱 덕분에이 은 페이지가 새로 고침되지 않은 것처럼 인 것처럼 보입니다. 그러나 크롬 네트워크 탭에서 확인합니다.
질문에 약간 혼란 스럽습니다. 로그인을 클릭하면 서버에 요청하는 중이고 새 페이지가로드됨을 확인 했습니까? 오류 메시지는 서버에 의해 생성됩니다. – cheeken
그래,하지만 서버 요청은 어디에 지정되어 있습니까? – Randomblue