비동기 요청을 보내기 위해 Ajax를 구현하는 데는 4단계만 필요합니다.

php中世界最好的语言
풀어 주다: 2018-03-30 17:33:30
원래의
1304명이 탐색했습니다.

이번에는 ajax로 비동기 요청을 보내는 4단계만 알려드리겠습니다. 4단계로 비동기 요청을 보내는 ajax를 실현하기 위한 주의사항은 무엇인가요? ajax는 참조에 대한 비동기 요청을 보냅니다. 구체적인 내용은 다음과 같습니다

첫 번째 단계

(XMLHttpRequest 가져오기)ajax는 실제로 XMLHttpRequest 객체 하나만 학습하면 됩니다. !!!

1. XMLHttpRequest 가져오기

대부분의 브라우저 지원: var xmlHttp=new XMLHttpRequest();

IE6.0: var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

IE5.0 및 이전 버전의 IE :var xmlHttp=new ActiveXObject("Microsoft. 서버에 연결하려면 세 가지 매개 변수가 필요합니다.

요청 방법: GET 또는 POST일 수 있습니다.

요청 URL: 서버 측 리소스를 지정합니다. 예: /day23_1/A

Servlet

요청이 비동기인지 여부: true이면 비동기 요청 보내기를 의미하고, 그렇지 않으면 동기 요청을 의미합니다.

xmlHttp.open("GET","/day23_1/AServlet",true);//For 예시


3단계(요청 보내기)
xmlHttp.send(null ): 지정하지 않으면 일부 브라우저에서 보내지 못할 수 있습니다.

매개변수: 요청 본문 내용인 경우! GET 요청의 경우 null을 제공해야 합니다. POST 요청

인 경우 다음과 같이

xmlHttp.send("username=zhangSan&password=123");

4단계:
xmlHttp 개체의 이벤트에 리스너를 등록합니다. onreadystatechange

x mlHttp 개체에는 총 5가지 상태가 있습니다.

0: 초기화가 완료되지 않았고 XMLHttpRequest 개체가 생성되었을 뿐이며 아직 open() 메서드가 호출되지 않았습니다.1: 요청이 시작되었으며 열려 있습니다. () 메소드가 호출되었으나 아직 send() 메소드가 호출되지 않은 경우

2: 전송 완료 상태 요청, send() 메소드가 호출된 경우

3: 서버 응답 읽기 시작 4: 서버 응답 읽기 종료 (보통 우리는 마지막 상태에만 관심이 있습니다!!!)

xmlHttp 객체의 상태를 가져옵니다

function createXMLHttpRequest(){
     try{
     return new XMLHttpRequest();
     } catch(e){
     try{
     return new ActiveXObject(“Msxml2.XMLHTTP”);
    }catch(e){
     try{
      return new ActiveXObject(“Microsoft.XMLHTTP”);
     }catch(e){
       alert(“哥们儿,你用的是什么浏览器啊?”);
       throw e;
    }
    }
     } 
}
로그인 후 복사

서버 응답의 상태 코드

를 가져옵니다
(200: 성공 304: 상태가 변경되지 않았습니다. 404 500: 서버 error)

var state = xmlHttp.readyState;//可能是0、1、2、3、4
로그인 후 복사

서버 응답의 내용을 가져옵니다
var status=xmlHttp.status;//例如200、404、500
로그인 후 복사
그래서 청취자는 이렇게 작성해야 합니다

var content=xmlHttp.responseText;//得到服务器的响应的文本格式的内容(这更通用)
var content=xmlHttp.responseXML;//得到服务器的响应的xml响应的内容,它是document对象了!
로그인 후 복사
이 기사의 사례를 읽었다고 생각합니다. 더 흥미로운 정보를 얻으려면 주의하세요. 기타 관련 기사는 PHP 중국어 웹사이트에 있습니다!

추천 자료:

새로 고침이 필요 없는 드롭다운 연결을 구현하는 Ajax+Servlet(코드 포함)

Ajax를 사용하여 json 데이터를 정의되지 않은 상태로 가져오는 방법

위 내용은 비동기 요청을 보내기 위해 Ajax를 구현하는 데는 4단계만 필요합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!