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

이번에는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!