Ajax에서 get 메소드와 post 메소드의 차이점

2. Ajax Get과 Post의 차이점에 대해 이야기해 보세요

1. Get 메소드
간단한 데이터를 전송할 때는 get 메소드를 사용하지만 일반적으로 크기가 1KB로 제한되며, 데이터는 URL 보내기(HTTP 헤더 전송)에 추가됩니다. 즉, 브라우저는 각 양식 필드 요소와 해당 데이터를 URL 매개변수 형식으로 요청 줄의 리소스 경로 끝에 추가합니다. 가장 중요한 것은 클라이언트의 브라우저에 캐시되어 다른 사람들이 브라우저 기록에서 계좌 번호, 비밀번호 등과 같은 고객의 데이터를 읽을 수 있다는 것입니다. 따라서 어떤 경우에는 get 메소드가 심각한 보안 문제를 일으킬 수 있습니다.

Ajax 보내기 요청: get 요청인 경우 보내기(매개변수) 매개변수: null 또는 xhr.send()여야 합니다.

xhr.setRequestHeader(header, value) for get request

참고: xhr.send(parameter); 매개변수가 비어 있지 않으면 자동으로 post 요청 메소드로 변환됩니다. request.getMethod(를 통해 요청 메소드를 얻을 수 있습니다. ); 메소드

예:

function getAjax(){ 
     //获取xhr对象
     var xhr = getXhr();
        //规定请求类型     
     xhr.open("get","main.jsp?username=123",true);
     xhr.onreadystatechange = function (){
          //判读是否处理完毕
          if(xhr.readyState==4){
               //判读服务器是否处理成功！
              if(xhr.status==200){
                    alert(xhr.responseText);
              }
          }
                } 
}

get 메소드 사용 시 주의하세요
(1) get 요청(또는 URL 전송 매개변수와 관련된 모든 것)의 경우 전달되는 매개변수는 다음과 같습니다. 먼저

encodeURIComponent 메소드 처리를 진행합니다. 예: var url = "update.php?username=" +encodeURIComponent(username) + "&content=" +encodeURIComponent

(content)+"&id =1" ;

2.Post 방법:
POST 방법을 사용할 때 브라우저는 전달하는 대신 각 양식 필드 요소와 해당 데이터를 HTTP 메시지의 엔터티 콘텐츠로 웹 서버에 보냅니다. POST 메소드를 사용하여 URL 주소의 매개변수로 데이터의 양이 GET 메소드를 사용하여 전송된 데이터의 양보다 훨씬 많습니다.

요청 보내기: 포스트 요청 전송(매개변수) 매개변수인 경우: 매개변수는 null이거나

xhr.send() |Send(매개변수 포함) 게시 요청은 xhr.setRequestHeader(header,value)

인스턴스:

function postAjax(){ 
     //获取xhr对象
     var xhr = getXhr();
     //规定请求类型     
     xhr.open("post","main.jsp",true);
   xhr.setRequestHeader("Content-Type",
       "application/x-www-form-urlencoded")
 xhr.send("username=345&pass=123");
     xhr.onreadystatechange = function (){
          //判读是否处理完毕
          if(xhr.readyState==4){
               //判读服务器是否处理成功！
              if(xhr.status==200){
                  alert(xhr.responseText);
              }
          }
                } 
}

(1) 헤더의 Context-Type을 application/x-www-form-

(2) 매개변수는 이름/값에 해당하는 키-값 쌍입니다. 각 값 쌍은 앰퍼샌드로 구분됩니다. 예를 들어 var name=abc&sex=man

(3) 매개변수는 Send(매개변수) 메소드로 전송됩니다. 예: xmlHttp.send(name); get 메소드, 직접 xmlHttp.send(null );