Żądania między domenami za pomocą PhoneGap i jQuery nie działają

Question

Tworzę aplikację PhoneGap na Androida. Aby uzyskać dane z (zdalnego) serwera, wykonuję wywołanie REST, używając funkcji $ .ajax() jQuery. Jest kilka rzeczy, które trzeba wiedzieć:

• Rodzaj połączenia muszą być POST
• Serwer oczekuje danych JSON (przynajmniej nazwa użytkownika i hasło)
• serwer odsyła dane JSON

Kod:

function makeCall(){ 
    var url = "http://remote/server/rest/call"; 

    var jsonData ='{"username":"'+$('#username').val()+'","password":"'+$('#password').val()+'"}'; 

    $.ajax({ 
      headers: {"Content-Type":"application/json; charset=UTF-8"}, 
      type: "POST", 
      url: url, 
      data: jsonData, 
      dataType: "json", 
      success: succesFunction, 
      error: errorFunction 
    }); 
} 

Ale to nie działa. Kiedy używam Firebuga, aby zobaczyć reakcję serwerów, nie ma nic. Dzięki TcpTrace mogę zobaczyć nagłówki żądania. Zamiast oczekiwanej metody POST istnieje metoda OPTIONS z dodanymi dziwnymi nagłówkami.

OPTIONS /remote/server/rest/call HTTP/1.1 
Host: localhost:8081 
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:11.0) Gecko/20100101 Firefox/11.0 
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 
Accept-Language: nl,en-us;q=0.7,en;q=0.3 
Accept-Encoding: gzip, deflate 
Connection: keep-alive 
Origin: null 
Access-Control-Request-Method: POST 
Access-Control-Request-Headers: content-type 
Pragma: no-cache 
Cache-Control: no-cache 

Wiem, że ma to coś wspólnego z żądaniami międzydomenowymi, ale nie wiem, jak rozwiązać problem. Próbowałem kilka rzeczy, aby go naprawić, ale bez skutku:

• Użyj „jsonp” w zastępstwie „json”
• spróbuje użyć Cross-Origin Resource Sharing (CORS)

Problem ma też coś wspólnego z tą samą zasadą pochodzenia, ale nie dotyczy to protokołu file: // PhoneGap używa do załadowania lokalnego pliku html.

W moim pliku AndroidManifest.xml opcja

<uses-permission android:name="android.permission.INTERNET" /> 

jest ustawiony.

Próbuję rozwiązać ten problem przez 2 dni, ale bez rezultatu do teraz. Czy to możliwe? Czy masz jakieś wskazówki, abym mógł przejść dalej?

Z góry dziękuję!

Answer 1

Rozwiązałem problem sam. Problem znajduje się w adresie URL, w którym muszę dodać domenę.Zmieniłem

var url = "http://remote/server/rest/call";

do

var url = "http://remote.mydomain.com/server/rest/call";

i to działa!

Zakładam, że pierwszy adres URL powinien działać, ponieważ działa on w aplikacji na iPhone'a z dokładnie tym samym adresem URL i ustawieniami. Ma też coś wspólnego z podwójną zaporą (firewall Windows i ESET), w której zamykam zaporę systemu Windows.

W każdym razie, dziękuję za odpowiedzi!

Answer 2

Spróbuj ustawić dataType:jsonp i ustawić crossDomain:true Dla żądań ajaxowych między domenami możesz użyć jsonp. http://api.jquery.com/jQuery.ajax/

Lub możesz dodać callback =? do twojego adresu URL.

Answer 3

Musisz dodać do białej listy swoje zewnętrzne domeny. po prostu przejdź do pliku phonegap/cordova plist w xcode i dodaj nowy wpis, niech jego wartość będzie * i będziesz mógł uzyskać dostęp do dowolnej witryny.

również wiem, że NIE BĘDZIE DZIAŁAĆ W PRZEGLĄDARCE. Przeglądarki mają problemy z dostępem do wielu domen, a nie z kartami telefonicznymi lub urządzeniami mobilnymi.

Answer 4

Ustawienie JQuery: $. Support.cors = true;

Answer 5

Dodając to do config.xml zaoszczędziło mi

<gap:plugin name="com.indigoway.cordova.whitelist.whitelistplugin" version="1.1.1" /> 
<access origin="*" /> 
<allow-navigation href="*" /> 
<allow-intent href="*" /> 

byłem zaskoczony, dlaczego każdy zasób zewnątrz nie ładować, nawet google mapy i moje narzędzie zdalnego debugowania. To mnie uratowało!