javascript 전단과 백엔드에서 데이터 상호작용을 하는 방법 예시

개발 과정에서 jQuery가 없는 상황에서 백그라운드와 일부 데이터의 상호작용을 해야 하는 것을 만났고 일부 자료를 찾아서 자바스크립트로 조작을 실현했다.

// XMLHttpRequest 

function getXHR(){
      var xmlHttp;
      try {
        xmlHttp=new XMLHttpRequest();// 
      }catch(e)
      {
        try{
          xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e)
        {
          try{
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//           }
          catch(e)
          {
            alert(" ajax");
            return false;
          }
        }
      }
      return xmlHttp;
    }

function check() {
      var pass = document.getElementById("pass").value;
 
      //1/ xhr 
      var xhr=getXHR();
      //2. 
      xhr.onreadystatechange=function(){
        if(xhr.readyState==4) {
          if(xhr.status==200) {
            var obj = document.getElementById("checkPass");
            if("true" == xhr.responseText){
              obj.innerHTML = " ";
              obj.style.color = "green";
			}else{
              obj.innerHTML = " ！";
              obj.style.color = "brown";
              return;
			}
          }
        }
      }
      //3. （post ， get ）
      xhr.open("post"," ");
      xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
      //4. ( post )
      xhr.send("pass="+pass);
    }

자바스크립트 전단과 백엔드에서 데이터 상호작용을 하는 방법에 관한 이 글은 여기까지 소개되었습니다. 자바스크립트 전단과 백엔드 데이터 상호작용에 관한 더 많은 내용은 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!