jquery.ajax_jquery의 beforeSend 메소드 사용 소개-JS 튜토리얼-php.cn

일반적인 효과는 Ajax 요청을 할 때 작은 회전 로딩 아이콘 또는 "콘텐츠 로딩..."이 반환되기 전에 나타나 사용자에게 데이터가 요청되고 있음을 알리는 것입니다. beforeSend 메소드를 사용하여 이를 수행할 수 있습니다.

데모 다운로드: ajax 로딩

코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

함수 test_ajax(){
$.ajax(
{
유형: "GET", // 일반적으로 GET과 POST의 두 가지 유형이 사용됩니다. 기본값은: GET
URL: "a.php", // (기본값: 현재 페이지 주소) 요청을 보낼 주소
DataType: "html", //서버에서 반환할 것으로 예상되는 데이터 유형입니다.
beforeSend:beforeSend, //요청 보내기
성공:콜백, //요청 성공
오류:오류,//요청 오류
완료:완료//요청 완료
});
}
함수 오류(XMLHttpRequest, textStatus, errorThrown){
// 일반적으로 textStatus와 errorThown 중 하나만 값을 갖습니다.
$("#showResult").append("

요청 오류!

");
}
함수 beforeSend(XMLHttpRequest){
$("#showResult").append("

");
}
함수 완료(XMLHttpRequest, textStatus){
$("#showResult").remove();
}
함수 콜백(msg){
$("#showResult").append("

요청이 성공했으며 숫자가 반환되었습니다:" msg "

");
}

beforeSend 메소드는 서버에 요청을 보내기 전에 일부 처리 기능을 추가하는 데 사용됩니다. 이는 ajax 요청이 시작되기 전에 트리거되는 ajax 이벤트입니다. 일반적으로 사용자가 XMLHttpRequest 객체를 수정할 수 있습니다(예: 추가 헤더 정보 설정). ajax 이벤트에 대한 설명은 문서를 참조하세요. http://docs.jquery.com/Ajax_Events

또한 많은 웹사이트에서 콘텐츠를 로드하는 과정에서 "데이터를 로드 중입니다. 잠시만 기다려주세요"라는 메시지를 표시하고, 콘텐츠가 로드된 후에 콘텐츠를 표시하는 상황도 목격했습니다. 로딩 프롬프트로 표시될 기본 텍스트를 설정할 수 있으며, ID 선택기를 통해 태그의 텍스트를 최종 콘텐츠로 바꿀 수 있습니다. 이를 사용하여 beforeSend를 대체하면 더 효율적입니다.

beforeSend를 사용하는 시기와 텍스트 대체를 사용하는 시기는 ajax 요청 전후에 표시하는 DOM 요소가 요청 전에 이미 존재하는지 여부에 따라 다릅니다. 추가로 다른 요구사항을 추가해야 한다면 beforeSend를 사용하여 처리하세요.