본문 바로가기
----- IT -----/Appspresso

Appspresso(앱스프레소) - Cross Domain Ajax (크로스 도메인 Ajax)

by 대소니 2011. 8. 31.
외부 도메인와 Ajax 통신하는 예제입니다.
날코딩으로 이를 구현하려면 많은 내공이 필요한데, 아주 간단하게 사용할 수 있도록 기능을 지원해주고 있습니다.

최초 index.html부터 살펴보겠습니다.

 
예제 항목중에 마지막 이네요. 링크를 따라가 보겠습니다.

 
여러 리스트 항목중에서 첫번째 항목의 예제를 보겠습니다.
세가지 navbar로 구성되어 있네요. 클릭하면 getRSSFeed함수를 호출하게 되어 있군요.



js/extapi-cross-domail.js 를 열어보면 아래와 같이 해당 함수가 정의되어 있습니다.
첫번째 인수로 주어진 url를 통해 ax.ext.net.get API를 호출하여 get방식의 ajax통신을 하고,
콜백함수로 받아온 xml파일을 파싱하고 결과 리스트 항목을 생성하고 있습니다.
또, 클릭 이벤트로 등록된 부분을 보시면 외부 url을 ax.ext.ui.open API를 통해 단말기의 브라우저의 새창 열기 기능을 제공하고 있네요. 


시뮬레이터에서 실행한 아이폰 화면을 보겠습니다.

  




댓글2

  • W 2011.09.10 02:14

    안녕하세요. 예제와 함께 설명해주셔서 감사합니다.
    그런데 설명해 주신 예제파일을 앱스프레소에서 다운받아서 안드로이드로 실행해 본 결과
    애뮬과 제 안드로이드 폰인 HTC 센세이션에서도 cross domain ajax 예제가 실행이 되지 않습니다.
    화면은 뜨는데 결과값인 xml 데이터가 화면에 출력되지 않는데요, cross domain ajax 예제를 실행하기 위해 별 다른 설정이 필요한 것인가요?
    답변 주시면 감사하겠습니다.
    답글

  • Favicon of https://daeson.tistory.com 대소니 2011.09.14 00:35 신고

    추석 잘 보내셨어요? 결과 데이터가 출력이 안되신다면 project.xml 파일의 feature탭에 ax.ext.net이 선택되어 있는지 확인해 보는것이 좋을것 같아요
    답글