> 웹 프론트엔드 > JS 튜토리얼 > Ajax 요청 전송 및 수신

Ajax 요청 전송 및 수신

亚连
풀어 주다: 2018-05-24 10:53:52
원래의
2191명이 탐색했습니다.

이 글은 주로 Ajax의 요청 송수신 관련 정보를 자세하게 소개하고 있으니 관심 있는 분들은 참고하시면 됩니다.

우선 Ajax는 페이지를 새로 고치지 않고 데이터를 제출하는 방식이므로 이제 널리 사용됩니다. . 주제! !

기본적으로 Ajax는 문자열, html 태그, CSS 태그, xml 형식 콘텐츠, json 형식 콘텐츠 등 브라우저가 받을 수 있는 모든 정보를 받을 수 있습니다.

<script>
  // IE浏览器
  if(ActiveXObject){
     // 微软目前AJAX最新版本
    var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0"); 
  }else{
    // 主流浏览器
    var ajax = new XMLHttpRequest();
   }
  
  // 创建HTTP请求
   // open(method, url, asynchronous, user, password);
   // method:请求方法(post,get)
   // url:请求地址(是具体要接收数据的地址)
   // asynchronous:同步或异步请求(true是异步,false是同步,默认是true,可不填)
   // user:(指定请求用户名,可不填)
   // password:(指定请求密码,可不填)
  
  ajax.open(&#39;get&#39;,&#39;url&#39;); 
  
  ajax.onreadystatechange = function(){
    if((ajax.readyState==4) && (ajax.status)==200){
      alert(ajax.responseText); // 返回的数据内容
    }else{
      alert(&#39;请求失败&#39;);
    }
  }
  // 发送请求,content是要发送的内容,如果没有则填null
   send(content);
   
   // 如果用的是post方式请求,要在send之前设置HTTP头
   ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);

  
</script>
로그인 후 복사

ajax onreadystatechange 이벤트 최대 4개의 변경 상태 값을 받습니다:

 0(초기화되지 않음) 객체가 설정되었습니다

 1(초기화됨) 개방형 메서드가 호출되었습니다

 2 (데이터 보내기) 보내기 메소드가 호출되었습니다 3 (데이터 전송 중) 부분 데이터가 반환되었습니다

 4 (완료) 요청이 성공했습니다

위 내용은 다음과 같습니다. 나는 모두를 위해 편집했습니다. 앞으로도 모든 사람에게 도움이 되기를 바랍니다. 관련 기사:

Ajax가 캐싱을 해결하는 5가지 방법 요약

배열이 포함된 AJAX 요청을 해결하는 방법

Ajax 요청 및 필터 협력 사례 분석


위 내용은 Ajax 요청 전송 및 수신의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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