Thinkpphp 5 의 ajax 인터페이스 구현

구체 적 인 ajax 인터페이스 구현 코드 를 소개 합 니 다.우선 html 코드 부분 입 니 다. 예 를 들 어 방문 주 소 는:http://www.domain.com/thinkphp/public/index.php/index/index/api입구 파일 을 생략 하지 않 았 고 로 컬 도 메 인 이름 은 www. domain. com 이 며 tp5 프레임 워 크 는 thinkphp 파일 에 있 습 니 다.여 기 는 원생 ajax 를 사용 하여 ie 브 라 우 저의 호환성 이 없습니다. 코드 는 다음 과 같 습 니 다.

html>



    
    



    11111
    

        
    
    
    var oAjax = new XMLHttpRequest();
    oAjax.open('GET',"/thinkphp/public/index.php/index/index/apiapi?name=1");
    oAjax.onreadystatechange = function() {
        if (oAjax.readyState == 4) {
            if (oAjax.status >= 200 && oAjax.status < 300 || oAjax.status == 304) {
               console.log(oAjax.responseText);
               var data=JSON.parse(oAjax.responseText);
               document.getElementById("test").innerHTML=data.sex;
            } else {
                console.log(oAjax.status);
            }
        }
    };
    oAjax.send();
    

상기 코드 에 대해 설명 을 하 는 것 은 작은 지식 이 라 고 할 수 있 습 니 다. 일반적으로 http 상태 코드 를 200 으로 성공 적 인 표지 로 할 수 있 습 니 다. 이때 responseText 의 속성 내용 은 이미 준비 되 었 습 니 다.또한 상태 304 는 요청 한 자원 이 수정 되 지 않 았 음 을 나타 내 며 브 라 우 저의 캐 시 버 전 을 직접 사용 할 수 있 습 니 다.왜 200 이상 이 호환성 을 고려 한 것 인지 에 대해 서 는 204 를 보고 하 는 브 라 우 저 도 있다.백 엔 드 코드 는 다음 과 같 습 니 다. 백 엔 드 코드 는 같은 모듈 index 아래 의 같은 컨트롤 러 아래 index 의 apiapi 방법 입 니 다.

request->param();
        return json_encode($name);
        ///return "common";
    }
   
     public function api(){
       
        return view();
        ///return "common";
    }
}

코드 는 먼저 ajax 에서 가 져 온 인 자 를 가 져 온 다음 전단 으로 돌아 갑 니 다.본문 끝.