jquery.ajax_jquery의 beforeSend 메소드 사용 소개
- WBOY원래의
- 2016-05-16 16:28:291765검색
일반적인 효과는 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("
}
함수 완료(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를 사용하여 처리하세요.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.