아약스 : 리턴 데이터가 페이지에 링크이 개 지방을 달성하기 위해

저작권 : https://blog.csdn.net/qq_39263750/article/details/90372597

여기에 그림 삽입 설명
XML 형식 :
여기에 그림 삽입 설명

브라우저는 XML 데이터는 다른 브라우저에서 제공하는 방법에있어서, 다양한 분석 방법을 읽게한다.

이제 아약스 기술, 데이터는 클라이언트를 사용하여 서버로 전송된다JSON형식.

JS JSON 형식은 모든 브라우저가 지원하는 표준 형식입니다.

입력 데이터 유효성 검사가 손실 포커스 이벤트로 (동기화 요청을) 완료

사용자 이름을 입력 한 후, 마우스 아웃이를 것으로 판정되는 경우, 입력 형식
여기에 그림 삽입 설명

写 서블릿
여기에 그림 삽입 설명

여기에 그림 삽입 설명
이 첫 번째 판결 후 비 준수, 페이지를 새로 고침하지 더 이상 뒤로 들어갑니다 발생합니다.

아약스으로 비동기 방식으로는 얻을 요청을 보내

여기에 그림 삽입 설명
여기에 그림 삽입 설명
여기에 그림 삽입 설명

키 - 값 쌍의 형태로 텍스트 상자의 마지막 전송의 값
여기에 그림 삽입 설명
이 경우, 판단 후, 첫 번째 페이지가 새로 고쳐지지 않습니다 충족 백 유해를 입력하지 않습니다.

시험 구덩이에 단계로 자신의 시간 : JQuery와 이전 import 문은 오늘날의 직접 복사가 발견 자신의 URL을 쓸 수 있습니다
여기에 그림 삽입 설명
슬래시를 추가하려면 여기를. 그렇지 않으면, 패키지를 찾을 수 없습니다


아약스 기본 코드 (네이티브 코드) :

자바 스크립트를 비동기 요청을 보내, 당신은 핵심 객체 XMLHttpRequest를 필요하지만, 다른 브라우저 1 층에서 다른, 그래서 우리는 핵심 개체를 만들 수 있습니다.

여기에 그림 삽입 설명
여기에 그림 삽입 설명
여기에 그림 삽입 설명

당신이 포스트 방법을 사용하는 경우, 당신은 변경해야합니다 :
여기에 그림 삽입 설명


여기에 그림 삽입 설명

POST 요청의 사용은 하나는 변경할 필요가있다.
여기에 그림 삽입 설명

여기에 그림 삽입 설명
서블릿의이 문장 취득 요구를 내부 입력합니다.


JSON 형식 :

여기에 그림 삽입 설명

표준 JSON 형식 :

그것은 단일 배열 수단
여기에 그림 삽입 설명JSON을 : ,

어레이의 복수 JSON 수단
여기에 그림 삽입 설명
개념 JS 대신 배열을 사용하는 설정되지
어레이를 통과 할 수 :
여기에 그림 삽입 설명

Ajax 요청 서버, 서버는 JSON 문자열을 응답합니다.
여기에 그림 삽입 설명
위는 작은 따옴표로 첫 더블 탈출하다

두 번째 방법은 큰 따옴표 안에 작은 따옴표로 직접 작성하는 것입니다.

: 서버 대신 우리가 큰 따옴표를 제거하기 원하는 JSON 데이터의, JSON 문자열을 통해 전달되기 때문에
이중 인용 부호를 제거하는 방법
여기에 그림 삽입 설명

응용 프로그램 :
여기에 그림 삽입 설명
이 따옴표를 제거합니다. 표준, 다음 작업에 JSON 데이터.

전체 버전의 예 :
여기에 그림 삽입 설명


다음 실제 시간의 사용 및 JSON를 정의 할 필요가 없지만 직접 반영됩니다. 음. JSON은 어떻게 구성되어?
타사 항아리 패키지를 사용.
여기에 그림 삽입 설명


아약스 지방, 지방 자치 단체 및이 개 연결의.

1. 데이터베이스 구축 및 데이터를 넣습니다.
문제가있다, 잘 작동하므로, 외래 키의 설립을 두 번째 테이블을 생성하는 SQL 쿼리를 사용하지 않는 외래 키 테이블의 설립 후 삽입
여기에 그림 삽입 설명
여기에 그림 삽입 설명
여기에 그림 삽입 설명

2. 데이터베이스 연결 풀 C3P0에 연결합니다.
3. 빈 클래스를 설정합니다.

여기에 그림 삽입 설명
여기에 그림 삽입 설명

4. DAO 계층을 설정, 쿼리를 설정합니다.
여기에 그림 삽입 설명
여기에 그림 삽입 설명

  1. 저장하기 위해 서면 비즈니스 계층이 없습니다 직접 서블릿 쓰기
    여기에 그림 삽입 설명
    여기에 그림 삽입 설명

6. 편집 JSP 페이지.
여기에 그림 삽입 설명
여기에 두 개의 드롭 다운 상자가 ID를 설정합니다. 아약스 좋은가 입력 한 데이터 전송을위한 시간 후이 노드 접합을 찾을 수

여기에 그림 삽입 설명

성공.


jQuery를 각 방법입니다 :

여기에 그림 삽입 설명
여기 요소, 다음에 해당한다 :

여기에 그림 삽입 설명여기에 그림 삽입 설명

내부 jQuery를 :한다 (인덱스) 방법 : 셀렉터

여기에 그림 삽입 설명

.change 내부 방법 jQuery를

여기에 그림 삽입 설명

추천

출처blog.csdn.net/qq_39263750/article/details/90372597