>웹 프론트엔드 >JS 튜토리얼 >아약스의 기능은 무엇입니까? Ajax의 기능과 작성방법에 대한 자세한 설명

아약스의 기능은 무엇입니까? Ajax의 기능과 작성방법에 대한 자세한 설명

寻∝梦
寻∝梦원래의
2018-09-10 14:38:569692검색

이 기사에서는 주로 ajax의 정의와 ajax의 역할에 대해 설명하고 마지막으로 ajax 작성 방법에 대한 자세한 설명을 함께 살펴보겠습니다.

What is? AjAx?

비동기 자바스크립트 및 xml.

기능은 무엇인가요?

AjAx를 통해 서버와 데이터를 교환하고 AjAx는 웹 페이지를 사용하여 레이아웃 업데이트를 구현할 수 있습니다.

즉, 전체 페이지를 다시 로드하지 않고도 웹페이지의 일부를 업데이트할 수 있습니다.

Ajax을 구현하는 방법은 무엇입니까?

XmlHttpRequest 개체를 사용하여 서버에 비동기적으로 요청을 보내고, 응답 업데이트를 얻고, 부분 업데이트를 완료할 수 있습니다. 열려 있는 responseText/responseXML 부분 응답을 보냅니다. (자세한 내용을 보고 싶으시면 PHP 중국어 홈페이지 AJAX 개발 매뉴얼 칼럼을 참고하세요.)

사용 시나리오

로그인 실패 시 해당 페이지로 이동하지 마세요.

등록하면 사용자 이름이 실시간으로 존재하는지 묻는 메시지가 표시됩니다.

도와 자치단체 간 연계.

이미지 서버를 관리하고 지연 로딩을 수행합니다.

######기본###ajax####쓰기 :#🎜🎜 ## 🎜🎜 ## ## ## #####rreee#🎜🎜 ## 🎜🎜#

Jquery AjAx쓰기:

var XHR=null; 
if (window.XMLHttpRequest) { 
    // 非IE内核 
    XHR = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { 
    // IE内核,这里早期IE的版本写法不同,具体可以查询下 
    XHR = new ActiveXObject("Microsoft.XMLHTTP"); 
} else { 
    XHR = null; 
}  
if(XHR){ 
    XHR.open("GET", "ajaxServer.action");  
    XHR.onreadystatechange = function () { 
        // readyState值说明 
        // 0,初始化,XHR对象已经创建,还未执行open 
        // 1,载入,已经调用open方法,但是还没发送请求 
        // 2,载入完成,请求已经发送完成 
        // 3,交互,可以接收到部分数据  
        // status值说明 
        // 200:成功 
        // 404:没有发现文件、查询或URl 
        // 500:服务器产生内部错误 
        if (XHR.readyState == 4 && XHR.status == 200) { 
            // 这里可以对返回的内容做处理 
            // 一般会返回JSON或XML数据格式 
            console.log(XHR.responseText); 
            // 主动释放,JS本身也会回收的 
            XHR = null; 
        } 
    }; 
    XHR.send(); 
}
여기까지입니다 초 이상 (자세한 내용을 보려면 PHP 중국어 웹사이트

AJAX 사용자 매뉴얼

열을 참조하세요.) 궁금한 사항이 있으면 아래에 메시지를 남겨주세요.

위 내용은 아약스의 기능은 무엇입니까? Ajax의 기능과 작성방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.