[JQuery] $.ajax - przesyłanie post na inną stronę Opcje

[McFly_PM]

Próbuję napisać skrypt, który prześle dane post na inną stronę za pomocą ajax'a, szukałem już trochę na ten temat w internecie ale znalazłem tylko, e przez JSNOP da się przesłać dane GET i można na dodatek jakoś to oszukać i przesłać także POST, więc jak to zrobić ? Takowy kod nie działa:

[HTML] pobierz, plaintext 
		<script type="text/javascript">
			$(document).ready(function(){
				$.ajax({
				   type: "POST",
				   url: "http://tallos.pl/test.php",
				   data: "name=John&location=Boston",
				   success: function(msg){
					 alert( "Data Saved: " + msg );
				   }
				 });
				});
		</script>
[HTML] pobierz, plaintext 

[tadeurz]

[HTML] pobierz, plaintext 
 
$.ajax({
							type: "POST",
							url: "http://tallos.pl/test.php",
							data: {name: John, location: Boston }, // jak nie działa to dawaj to w 'Boston' i 'John'
							success: function(msg){
								 success: function(msg){
					 alert( "Data Saved: " + msg );
							}
						});
 
 
 
[HTML] pobierz, plaintext 

No i teraz w twoim pliku test.php:

[PHP] pobierz, plaintext 
<?PHP
$name = $_POST['name'];
$location = $_POST['location'];
echo $name.$location;
?>
[PHP] pobierz, plaintext 

[McFly_PM]

ani tak:

[JAVASCRIPT] pobierz, plaintext 
		<script type="text/javascript">
			$(document).ready(function(){
				$.ajax({
					type: "POST",
					url: "http://tallos.pl/test.php",
					data: {name: 'John', location: 'Boston' }, // jak nie działa to dawaj to w 'Boston' i 'John'
					success: function(msg){
						alert( "Data Saved: " + msg );
					}
				});
			});
		</script>
[JAVASCRIPT] pobierz, plaintext 

ani tak:

[JAVASCRIPT] pobierz, plaintext 
		<script type="text/javascript">
			$(document).ready(function(){
				$.ajax({
					type: "POST",
					url: "http://tallos.pl/test.php",
					data: {name: John, location: Boston }, // jak nie działa to dawaj to w 'Boston' i 'John'
					success: function(msg){
						alert( "Data Saved: " + msg );
					}
				});
			});
		</script>
[JAVASCRIPT] pobierz, plaintext 

nie działa :/

Ten post edytował McFly_PM 5.01.2011, 21:45:08

[vokiel]

AJAX ma ograniczenie tylko do tej samej domeny. Zatem trzeba to zrobić dookoła. Przesłać GET jest łatwo, bo można dodać element do drzewa DOM (np obrazek) z adresem src wskazanym w linku. Z przesłaniem zmiennych POST jest trudniej. Najłatwiej zrobić to przez swoje niby-proxy. Czyli skrypt np php na serwerze z którego uruchamiana jest strona przejmuje żądania ajaxowe i przekazuje je do innego serwera przykładowo przez cURL.

[#luq]

...albo ukryty formularz i odpalenie zdarzenia submit

[vokiel]

...albo ukryty formularz i odpalenie zdarzenia submit

Ale w iframe, bo zwykły spowoduje przeładowanie strony

[McFly_PM]

...albo ukryty formularz i odpalenie zdarzenia submit

takie proste a ja na to nie wpadłem

Nie będę szukał, zadam tu pytanie:
Zrobić formularz cały w iframe, czy można formularz zrobić poza iframe a w iframe tylko wynik zobaczyć ?

EDIT:
napotkałem problem, ponieważ jak dam:

[JAVASCRIPT] pobierz, plaintext 
	$('iframe').load(function() {
		alert($('iframe').contents().find('body').html());
	});
[JAVASCRIPT] pobierz, plaintext 

i iframe prowadzi do lokalnej strony, to działa bez problemu, ale jeśli strona jest na zewnątrz, to zwraca null, jak to zrobić ?

Teraz włączyłem konsole w przeglądarce i spostrzegłem:

Unsafe JavaScript attempt to access frame with URL http://tallos.pl/test.php from frame with URL http://127.0.0.1/vote/orders.php. Domains, protocols and ports must match.

Grrr, szukałem, szukałem i nie nalazłem jak oszukać to i pobrać zawartość ifram'a

czy naprawdę nie ma żadnego rozwiązania ?

Ten post edytował McFly_PM 7.01.2011, 02:47:55

[cojack]

http://docs.jquery.com/Release:jQuery_1.2/...8using_JSONP.29

Co się nie da?

[wookieb]

http://docs.jquery.com/Release:jQuery_1.2/...8using_JSONP.29

Co się nie da?

Ale to nie jest ajax.

[cojack]

AJAX - Asynchronous JavaScript and XML

robisz w JS, nie jest synchroniczne, bo przeglądarka nie czeka aż to się wykona, to co to w takim razie jest?


@edit
Ale chwila moment, bo zboczyliśmy z tematu. Mimo wszystko to nie jest rozwiązaniem problemu. Rozwiązanie padło już dawno powyżej.

Ten post edytował cojack 24.01.2011, 09:57:45

[wookieb]

Jeżeli idziesz tym torem to ja tam nie widzę xml-a.
http://pl.wikipedia.org/wiki/AJAX Znajdź mi tam opis, który mówi, ze dynamiczne użycie <script> to ajax.

[thek]

Jak dla mnie najpewniejsze rozwiązanie podał Vokiel w 1 swoim poście. Skrypt do jakiego się odwołujesz staje się Twoim proxy dla zewnętrznego serwisu. Z poziomu tego skryptu uruchamiasz żądanie dla tej zewnętrznej strony i czekasz na rezultat, który potem wysyłasz z powrotem do strony wywołującej zdarzenie AJAX. Jeszcze nigdy na tym rozwiązaniu się nie zawiodłem.

[McFly_PM]

To rozwiązanie odpada, ponieważ IP przesyłającego post mu być takie samo jak klienta.

odświerzam poraz ostatni :/

[vokiel]

jQuery 1.5 wprowadza sporo zmian w obsłudze Ajax'a. Właściwie został przepisany. W standardzie jest obługa JSONP, do tego gotowe aliasy do $.ajax :
$.getJSON, automatycznie obsługujący jsonp (przykład ze strony):

[JAVASCRIPT] pobierz, plaintext 
$.getJSON(
    "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
    {tags: "cat", tagmode: "any", format: "json"},
    function(data) {
        $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
            if ( i == 3 ) return false;
        });
});
[JAVASCRIPT] pobierz, plaintext 

Do tego $.getScript automatyzujący dołączanie nowych skryptów do strony oraz ich wykonywanie. Co prawda można to łatwo osiągnąć samemu: dodać do head element script, ustawić src, i onload tego skryptu wywołać funkcję, ale miło, że w jQuery jest to w automacie.

W ogóle dobrze przejrzeć jQuery.ajax, bo są takie rzeczy jak np.: crossDomain, jsonp, jsonpCallback.

Dużo zależy od tego jak jest zbudowany tamten skrypt, co zwraca, w jakim formacie itd.