>웹 프론트엔드 >JS 튜토리얼 >아약스에 대한 간략한 소개

아약스에 대한 간략한 소개

一个新手
一个新手원래의
2017-10-10 10:15:201355검색

1.ajax Native

ajax에는 다음 단계가 포함됩니다. 1. AJAX 객체 생성 2. HTTP 요청 실행 3. 서버에서 반환된 데이터 수신 4. 웹 페이지 데이터 업데이트 요약하자면, ajax는 기본 XMLHttpRequest 객체를 통해 HTTP 요청을 보낸 다음 서버에서 반환한 데이터를 처리합니다.

단계:

var xhr = createXHR();//创建对象 
xhr.open(“方式”,”地址”,”标志位”);//初始化请求 
xhr.setRequestHeader(“”,””);//设置http头信息 
xhr.onreadystatechange =function(){}//指定回调函数 
xhr.send();//发送请求
/   //1.创建xhr对象
    var xhr;
    if(window.XMLHttpRequest){
        xhr = new XMLHttpRequest();
    }else{
        xhr = new ActiveXObject('Microsoft.XMLHTTP');
    }
    //异步接受响应
    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4){
            if(xhr.status == 200){
                //实际操作
              ;
            }
        }
    }
    //发送请求
    xhr.open('get',url,true);
    xhr.send();

2.jquery는 ajax를 캡슐화합니다

		$.ajax({
			type : "get",
			url : '',
			dataType : "json",
			data:{},
			success : function(data){
				
			},error:function(){
			    console.log('fail');
			}
		});

3.jsonp 도메인 간 원칙

보안상의 이유로 브라우저에서는 ajax도메인 간 데이터 수집

단계별 데모스크립트를 금지합니다. src 속성이 로드되었습니다. js 파일 방식으로 데이터를 얻습니다.

도메인 간 데이터 수집 메커니즘을 설명합니다.

(1) script 태그를 동적으로 생성합니다.

(2 ) 콜백 정의 함수

(3) 함수 호출 반환

(4) 매개변수 또는 전역 변수 전달

위 내용은 아약스에 대한 간략한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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