> 웹 프론트엔드 > JS 튜토리얼 > 아약스의 기능은 무엇입니까? ajax의 역할에 대한 자세한 소개(예제 포함)

아약스의 기능은 무엇입니까? ajax의 역할에 대한 자세한 소개(예제 포함)

寻∝梦
풀어 주다: 2018-09-10 14:51:19
원래의
5095명이 탐색했습니다.

이번 글은 모두가 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");
}
로그인 후 복사

2. 서버에 연결

xmlhttp.open('GET',url,true);//세 개의 매개변수는 메소드를 나타냅니다. 경로는 각각 동기 또는 비동기입니다(true는 비동기입니다).

3. 요청 보내기

xmlhttp.send();

4. value# 🎜🎜#

xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
alert(&#39;成功:&#39;+oAjax.responseText);
}
else
{
alert(&#39;失败:&#39;+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(&#39;GET&#39;,
 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(&#39;失败:&#39;+oAjax.status);
}
}
};
}
로그인 후 복사

이 글은 여기에서 끝납니다. (자세한 내용을 보려면 PHP 중국어 웹사이트를 방문하세요

AJAX 사용자 매뉴얼#🎜🎜 #열중학교), 궁금한 점이 있으시면 아래에 메시지를 남겨주시면 됩니다.

위 내용은 아약스의 기능은 무엇입니까? ajax의 역할에 대한 자세한 소개(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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