ajax 크로스 도 메 인 요청 문제 해결 방안

어제 프로젝트 에서 원 격 데 이 터 를 불 러 오고 페이지 를 렌 더 링 해 야 했 습 니 다. 로 컬 테스트, 원 격 방문, 데이터 가 없 었 습 니 다. FF 의 Response 는 영원히 비어 있 었 습 니 다. 고민 이 많 았 습 니 다. 그래서 모든 것 을 내 려 놓 고 인터넷 에서 자 료 를 찾 아 문 서 를 찾 았 습 니 다. Jquery 의 문 서 는 저 에 게 나무 가 있다 는 것 을 들 켰 습 니 다.있 겠 지.저녁 이 되 어서 야 ajax 크로스 도 메 인 요청 문 제 를 어렴풋이 깨 닫 고 Jquery 문 서 를 살 펴 보 았 습 니 다. 그 중에서 ajax 크로스 도 메 인 요청 의 해결 방식 이 언급 되 었 습 니 다. jsonp 가 제 눈앞 에 나타 나 자마자 Jquery 의 API 를 꺼 내 연 구 를 한 결과 JQuery 는 Ajax 의 크로스 도 메 인 요청 에 대해 두 가지 해결 방안 이 있 지만 모두 get 방식 만 지원 하 는 것 을 발 견 했 습 니 다.각각 JQuery 의 jquery. ajax jsonp 형식 과 jquery. getScript 방식 입 니 다.

API 원문 (따 기): 가 져 온 데이터 파일 이 원 격 서버 에 저장 되 어 있 으 면 jsonp 형식 을 사용 해 야 합 니 다.이 형식 을 사용 하면 검색 문자열 인자 callback =?,이 매개 변 수 는 요청 한 URL 뒤에 추 가 됩 니 다.서버 쪽 에 서 는 JSON 데이터 앞 에 리 셋 함수 이름 을 추가 하여 효과 적 인 JSONP 요청 을 완성 해 야 합 니 다.원 격 서버 에서 되 돌아 오 는 데 이 터 를 처리 해 야 한 다 는 뜻 입 니 다. 클 라 이언 트 가 제출 한 callback 의 매개 변수 에 따라 callback (json) 의 데 이 터 를 되 돌려 주 고 클 라 이언 트 는 script 방식 으로 데 이 터 를 처리 하여 json 데 이 터 를 처리 합 니 다.
클 라 이언 트 의 작은 예제:

<script type="text/javascript">
$.ajax({
    type : "get",
    async:false,
    url : "http://chinese.tradingfloor.com/index.php/cycling/",
    dataType : "jsonp",
    jsonp: "callback_param",//       callback   function    
    jsonpCallback:"callback_handler",//callback function     
    success : function(data){
                   var str = '';
                   $.each(data, function(key, val) {
                        var race_date= val['race_date'] == null?'':val['race_date'];
                        var road = val['road'] == null?'   ':val['road'];
                        var dis = val['distination']== null?'':val['distination']+'km';
                        var name = val['champion_name'] == null ? '':val['champion_name'];
                        if(val!=null){
                                str += "<tr><td>"+race_date+
                                "</td><td>"+road+
                                "</td><td>"+dis+
                                "</td><td>"+name+
                                "</td></tr>";    
                        }
                    });    
            races.append(str);
    },
    error:function(readyState,statusText,throwable){
            alert(readyState);
            alert(statusText);
            alert(throwable);
    }
});
</script>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

어떻게 ajax 크로스 필드 문 제 를 해결 합 니까?

이전 에는 전단 의 코드 (하하, 불합격 프로그래머) 를 거의 쓰 지 않 았 기 때문에 최근 프로젝트 에서 json 을 시스템 간 의 상호작용 수단 으로 사용 하면 자 연 스 럽 게 많은 ajax 요청 이 수반 되 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

ajax 크로스 도 메 인 요청 문제 해결 방안

좋은 웹페이지 즐겨찾기