JQuery Mobile + Phonegap : $ .ajax는 작동하지 않습니다.

Question

솔루션을 찾고 있었지만 계속 실패했습니다. 다음 코드는 JQuery 1.4.4, JQuery Mobile 1.0a2 및 PhoneGap 0.9에서 잘 작동합니다. 그러나 JQuery 1.7.1, JQuery Mobile 1.1.0 및 PhoneGap 1.5로 전송했을 때; 오류가 계속 발생합니다. Fiddler를 통해 http 호출을 추적하고 URL에 호출하는 아약스를 알았지 만 성공 대신 오류가 발생하는 이유는 무엇입니까? 도와주세요!

$.ajax({ 
type: "GET", 
cache: false, 
url: updateServer+'update.xml', 
dataType: "xml", 
error: function(xhr, settings, exception){ 
    alert('The update server could not be contacted.'); 
}, 
success: function(xml){ 
    // success code  
    } 
}); 

Answer 1

에뮬레이터 자체에서 웹 서비스에 액세스하고 응용 프로그램이 인터넷 연결에 액세스 할 수 있는지 확인하십시오.

에뮬레이터 내에서이 작업을 수행하려면 기본 브라우저를 열고 URL을 입력하십시오. 그것은 404 나 예외를주지 않습니다.

Answer 2

좋아, 문제는 실제로 URL 자체 인 것으로 파악됩니다. URL 주소는 액세스 가능하므로 유효하지만 동일한 도메인에 속하지 않습니다. 예를 들어 JQuery가 포함 된 html 파일은 http://www.yahoo.com/index.html에 있지만 전화하려고하는 URL은 http://www.google.com입니다.

브라우저는 보안 문제로 인해 한 도메인에서 호스팅되는 페이지에서 다른 도메인 (동일한 출처 정책)에서 호스팅되는 페이지로의 ajax 호출을 방지합니다. 내 솔루션은 여기 (JQuery와 사용) HTML은 다음과 같이 PHP 파일을 호출하는 동안 다른 도메인 관련 데이터를 검색 할 PHP 파일을 사용하는 것입니다

$.ajax({ 
type: "GET", 
cache: false, 
url: 'getcontent.xml', 
dataType: "xml", 
error: function(xhr, settings, exception){ 
    alert('The update server could not be contacted.'); 
}, 
success: function(xml){ 
    // success code  
    } 
}); 

도움이 주어진 모든 주셔서 감사합니다!

Answer 3

Phonegap 1.5에서이 문제가 발생했습니다. Phonegap 1.4.1로 다운 그레이드하면 문제가 해결되었습니다. 나는 결국 며칠 동안 좌절했고 문제를 이해할 수 없었다.

Answer 4

jQuery Mobile은 PhoneGap으로 구현하는 방법에 대한 문서 전체를 가지고 있습니다. 그것을 여기에서 조사해라.

http://jquerymobile.com/test/docs/pages/phonegap.html

당신은 크로스 도메인 아약스 통화가 가능하도록 권한을 설정해야합니다.

또한! 웹 앱에서 이식하는 경우 HTML 파일에서 코드를 변경해야합니다. 아마도 "../api/handler.php"또는 무엇인가를 요청했을 것입니다. PhoneGap에서 모든 호출을 절대적으로 사용해야합니다. "http://mydomain.com/api/handler.php"