이번 글은 모두가 ajax를 좀 더 명확하게 사용할 수 있도록 ajax의 기능에 대한 설명을 중심으로 소개합니다. 이제 이 글을 함께 읽어볼까요
AJAX는 전체 웹페이지를 다시 로드하지 않고도 웹페이지의 일부를 업데이트할 수 있는 기술입니다.
새로고침 데이터 읽기 없음
사용자 로그인, 주식펀드 네트워크
비동기, 동기
AJAX = 비동기 JavaScript 및 XML(비동기 JavaScript 및 XML). AJAX는 새로운 프로그래밍 언어가 아니라 기존 표준을 사용하는 새로운 방식입니다.
AJAX는 전체 페이지를 다시 로드하지 않고도 서버와 데이터를 교환하고 웹 페이지의 일부를 업데이트하는 기술입니다. AJAX를 활용한 적용사례는 Sina Weibo, Google Maps, Kaixin.com 등 다양합니다. (자세한 내용은 PHP 중국어 웹사이트 AJAX 개발 매뉴얼 열을 참조하세요.)
전통적인 개발 모델: 사용자의 모든 작업은 HTTP 반환을 트리거합니다. 서버로 요청이 서버에 의해 처리된 후 HTML 페이지가 사용자에게 반환됩니다.
ajax 개발 모드: 페이지는 ajax 엔진을 통해 서버와 사용자의 작업을 전달하고 결과를 반환합니다. ajax 엔진으로 전송하면 ajax는 지정된 위치에 데이터를 삽입합니다.
ajax 함수 작성
1. ajax 객체 생성
#🎜 🎜#<span class="pln" style="color:rgb(72,72,76);"></span>
var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
xmlhttp.onreadystatechange=function(){ if(xmlhttp.readyState==4){ if(xmlhttp.status==200){ alert('成功:'+oAjax.responseText); } else { alert('失败:'+oAjax.status); } } } 封装成函数 function ajax(url, fnSucc, fnFaild) { //1.创建Ajax对象 if(window.XMLHttpRequest) { var oAjax=newXMLHttpRequest(); } else { var oAjax=newActiveXObject("Microsoft.XMLHTTP"); } //2.连接服务器 //open(方法, 文件名, 异步传输) oAjax.open('GET', url,true); //3.发送请求 oAjax.send(); //4.接收返回 oAjax.onreadystatechange=function() { //oAjax.readyState //浏览器和服务器,进行到哪一步了 if(oAjax.readyState==4)//读取完成 { if(oAjax.status==200)//成功 { fnSucc(oAjax.responseText); } else { if(fnFaild) { fnFaild(oAjax.status); } //alert('失败:'+oAjax.status); } } }; }
위 내용은 아약스의 기능은 무엇입니까? ajax의 역할에 대한 자세한 소개(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!