> 웹 프론트엔드 > JS 튜토리얼 > Ajax 요청을 구현하기 위해 js가 서블릿을 요청하는 단계에 대한 자세한 설명

Ajax 요청을 구현하기 위해 js가 서블릿을 요청하는 단계에 대한 자세한 설명

php中世界最好的语言
풀어 주다: 2018-03-31 15:31:36
원래의
2322명이 탐색했습니다.

이번에는 Ajax 요청을 구현하기 위해 JS가 서블릿을 요청하는 단계에 대해 자세히 설명하겠습니다. JS가 Ajax 요청을 구현하기 위해 서블릿을 요청하는 Notes는 무엇입니까?

ajax 요청은 두 가지 비동기 요청(GET 및 POST)을 보낼 수 있는 새로 고침이 없는 사용자 환경입니다. 기록은 다음과 같습니다.

function sendRequestByGet(){
     //定义异步请求对象
    var xmlReq;
    //检测浏览器是否直接支持ajax
    if(window.XMLHttpRequest){//直接支持ajax
      xmlReq=new XMLHttpRequest();
    }else{//不直接支持ajax
      xmlReq=new ActiveObject('Microsoft.XMLHTTP');
    }
    
     //设置回调函数
     xmlReq.onreadystatechange=function(){
       if (xmlReq.readyState==4&&xmlReq.status==200) {
         //获取服务器的响应值
        var result=xmlReq.responseText;
         //后续操作
         alert(result);
      }
     };
     
     //创建异步get请求
     var url="Hello?name=zhangsan";
     xmlReq.open("GET",url,true);
     //发送请求
     xmlReq.send(null);
   }
로그인 후 복사

ajax 요청 서블릿:

function sendRequestByPost(){
     //定义异步请求对象
    var xmlReq;
    //检测浏览器是否直接支持ajax
    if(window.XMLHttpRequest){//直接支持ajax
      xmlReq=new XMLHttpRequest();
    }else{//不直接支持ajax
      xmlReq=new ActiveObject('Microsoft.XMLHTTP');
    }
    
     //设置回调函数
     xmlReq.onreadystatechange=function(){
       if (xmlReq.readyState==4&&xmlReq.status==200) {
         //获取服务器的响应值
        var result=xmlReq.responseText;
         //后续操作
         alert(result);
      }
     };
     
     //创建异步Post请求
     var url="Hello";
     xmlReq.open("POST",url,true);
     xmlReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
     //发送请求
     var data="name=lisi";
     xmlReq.send(data);
   }
로그인 후 복사
효과:

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP의 다른 관련 기사에 주목하세요. 중국사이트! 추천 도서:

Ajax에서 특수 문자 데이터를 전달하는 방법

ajax가 배열을 배경으로 전달하는 방법

위 내용은 Ajax 요청을 구현하기 위해 js가 서블릿을 요청하는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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