Krzyż Domain URL

Question

Próbuję wywołać ten URL w moim kodu javascript:

http://api.addressify.com.au/address/autoComplete?api_key=99acd24a-1c94-49ad-b5ef-6f90d0f126b1&term=1+George+st+t&state=nsw&max_results=5

To jest mój kod javascript:

$.ajax({ 
     url: 'http://api.addressify.com.au/address/autoComplete', 
     type: 'GET', 
     crossDomain: true, // enable this 
     data: 'api_key=99acd24a-1c94-49ad-b5ef-6f90d0f126b1&term=1+George+st+t&state=nsw&max_results=5', // or $('#myform').serializeArray() 
     success: function() { alert('PUT completed'); } 
    }); 

Dostaję błąd Cross Domain URL w konsoli .

Każda pomoc?

Answer 1

Trzeba użyć jsonp aby krzyż w miejscu połączenia żądania spróbuj tego:

$.ajax({ 
     url: 'http://api.addressify.com.au/address/autoComplete', 
     type: 'GET', 
     dataType:'jsonp', 
     jsonpCallback:'callback', 
     data: 'api_key=99acd24a-1c94-49ad-b5ef-6f90d0f126b1&term=1+George+st+t&state=nsw&max_results=5&jsonp=callback', // or 
    success: function(json) { 
     console.dir(json); 
    }, 
    }); 

Wywołanie usługi addressify przy pomocy parametru „jsonp” sprawi, że usługa owinąć odpowiedź w funkcji wywołania zwrotnego, które następnie jquery ajax używa do pobierania danych. Zatem parametr $ .ajax 'jsonpCallback' musi być zgodny z parametrem przekazać do serwisu 'jsonp' (w ich documentation)

Fiddle tutaj:

http://jsfiddle.net/luisvsilva/cL1c3t4j/1/

Answer 2

Wystarczy dodać dane do sekcji URL wywołania ajax.

$.ajax({ 
    url: 'http://api.addressify.com.au/address/autoComplete?api_key=99acd24a-1c94-49ad-b5ef-6f90d0f126b1&term=1+George+st+t&state=nsw&max_results=5', 
    type: 'GET', 
    crossDomain: true, // enable this 
    success: function() { alert('PUT completed'); } 
}); 

Jeśli nie możesz zakodować na sztywno niektórych z tych danych, możesz zamienić deklarację adresu URL w funkcję.

Używam metod modelu szkieletowego do pobierania danych - używaj wszystkiego, co musisz.