jquery ajax 요청에 대한 심층 분석 example_jquery

jquery는 매우 실용적인 일부 Ajax 요청 메소드를 캡슐화합니다.
예를 들어 .ajaxComplete() - 요청이 완료될 때 ajaxError() - Ajax 요청이 전송될 때 실행할 함수를 첨부합니다. , .ajaxStop ()——요청이 종료될 때.ajaxSuccess()——요청이 성공할 때.load()——서버에서 데이터를 로드하고 반환된 HTML을 선택한 요소로 바꿉니다. jQuery.post()——로드 HTTP POST 요청 사용 서버 측 data.serialize() - 제출을 위해 양식 요소 세트를 문자열로 인코딩합니다. serializeArray() - 양식 요소 세트를 키-값 쌍 배열로 인코딩합니다. jQuery.param() - 생성 URL 쿼리 문자열 또는 Ajax 요청에 적용할 수 있도록 하는 직렬화된 배열 또는 개체 jQuery.getScript() - 서버에서 js 파일을 로드한 다음 실행합니다. jQuery.getJSON() - 서버에서 JSON 인코딩된 데이터를 로드합니다. get()——서버에서 데이터를 로드하는 것은 두 가지 점만 있으면 간단합니다: 1. .ajaxStart() 및 .ajaxStop()

/javascript" src= "test/jquery-1.7.2.min.js">

;
< ;body>

트리거

코드에서 클래스가 result인 요소는 xixi.html을 로드합니다. 이 파일이 존재하는 한 이 파일의 콘텐츠는 임의적입니다. js 실행 메소드 순서가 먼저

코드 복사

코드는 다음과 같습니다. $(this).text('Triggered ajaxStart handler.');

그런 다음
클래스 결과가 있는 요소에
로드하고 마지막으로

코드 복사

코드는 다음과 같습니다. $(this).text('Triggered ajaxStop handler.' );

2.

코드 복사

코드는 다음과 같습니다. .ajaxSend(),.ajaxComplete(), .ajaxSuccess() 및 .ajaxError()

[html]

코드 복사

;script type="text/javascript" src="test /jquery-1.7.2.min.js">

트리거

위 코드에서는 결과 클래스와 함께 html 파일이 로드됩니다.
실행 순서 코드가 표시되어 있습니다
요청 과정에서 파일이 존재하지 않는 등의 오류가 발생하면 .ajaxSuccess() 대신 .ajaxError()의 메소드가 실행됩니다. .
Ajax에 대해 이전에는 항상 혼란스러웠지만 이제는 포괄적으로 이해하게 되었습니다. 또한 요청 방법이 HTTP GET인지 HTTP POST인지도 함께 알아보고 싶습니다.
jquery에서 ajax 주소 사용 소개
Andy_더 큰 능력에는 더 큰 책임이 따른다