JavaScript 기반 AJAX의 간단한 소규모 데모

AJAX

AJAX = 비동기 JavaScript 및 XML.

AJAX는 새로운 프로그래밍 언어가 아니라 기존 표준을 사용하는 새로운 방식입니다.

AJAX는 전체 페이지를 다시 로드하지 않고도 서버와 데이터를 교환하고 웹페이지의 일부를 업데이트하는 기술입니다.

function prepareForms() {
 for(var j=0 ; j<document.forms.length ; j++){
  var this_forms = document.forms[j];
  resetFields(this_forms);
   this_forms.onsubmit = function () {
    if(!validateForm(this)) return false; //进行浏览器端表单验证
    var article = document.getElementsByTagName("article")[0];
    if(submitFormWithAjax(this,article)) return false; //代表防止重复提交 实际的提交已经完成
   return true;
   }
 }
}

무엇이 수행되었는지 단계별로 살펴보겠습니다.

먼저 요청 개체를 가져옵니다

두 번째, 표시 메서드를 호출하여 페이지를 표시합니다. 기사 아래의 모든 요소를 ​​삭제하고 로드 애니메이션을 넣습니다

URL 인코딩을 생성하는 세 번째 요청은 배열을 사용하여 이름과 URL 이스케이프 값이 포함된 항목을 저장한 다음 &를 통해 각 항목을 연결하여 완전한 문자열을 형성합니다.

네 번째는 대상 주소 헤더 파일 이름 지정과 같은 요청의 기본 속성을 설정하는 것입니다.

다섯 번째는 요청을 수신하는 청취 프로그램을 만드는 것입니다. 응답 html에서 대상 기사로

여섯 번째 공식 요청이 성공적으로 전송되고 true를 반환합니다

위는 편집자가 소개한 기본 JavaScript AJAX의 간단한 작은 데모입니다. 질문이 있으시면 메시지를 남겨주세요. 편집자가 즉시 답변해 드립니다!

기본 JavaScript AJAX 간단한 데모와 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!