Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak za pomocą zwykłego odnośnika wysłać dane metodą POST?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Gordon1x
6.07.2008, 13:09:09
Chce wysłać dane metodą POST klikając na zwykły, tekstowy odnośnik.

Odnośnik użyty w elemencie a href nie może wysłać danych metodą POST, ponieważ element a obsługuje tylko wysyłanie parametrów za pomocą metodą GET. Więc w jaki sposób napisać kod javascript, aby wysłać dane metodą post?
sebekzosw
6.07.2008, 13:35:18 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 	//<![CDATA[
  3. 		function akcja() {
  4. 			document.forms['jakas_akcja'].action = 'link';
  5. 			document.forms['jakas_akcja'].submit();
  6. 		}
  7. 	//]]>
  8. </script>
  9.  
  10.  
  11. <form name="jakas_akcja" method="post">
  12. 	<input type="text" name="sa" />
  13. 	<a href="javascript:akcja()">Wyślij</a>
  14. </form>
[HTML] pobierz, plaintext


zamiast 
[HTML] pobierz, plaintext 
  1. document.forms['jakas_akcja'].action = 'link';
[HTML] pobierz, plaintext
dajesz link do jakiej strony ma się wykonać akcja :-)

np.:
[HTML] pobierz, plaintext 
  1. document.forms['jakas_akcja'].action = 'http://www.google.pl';
[HTML] pobierz, plaintext
loganek
6.07.2008, 13:37:41
można też ajax'em
Kod
<html>
<head>
<script>
function ZapytaniePHP(url, post){
    if (window.XMLHttpRequest)xmlHttp = new XMLHttpRequest();
    else if (window.ActiveXObject)xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    if (xmlHttp == null){alert("Nie udało się zainicjować obiektu xmlHttpRequest!");return;}
    xmlHttp.onreadystatechange = function (){
        if (xmlHttp.readyState == 4 || xmlHttp.status == 200){
            document.body.innerHTML = xmlHttp.responseText;
        }
    }
    xmlHttp.open("POST", url, true);
    xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xmlHttp.send(post);

}
</script>
</head>
<body>
<a onclick="ZapytaniePHP('adres.php', 'zmienna=wartosc&druga=drugawartosc')">post</a>
</body>
</html>
Gordon1x
7.07.2008, 07:29:29
Bardzo dziękuję za pomoc.
krzkar
5.05.2009, 09:36:38
Przede wszystkim witam wszystkich na tym forum, bo to mój pierwszy post (i od razu prośba) smile.gif

Szukając rozwiązanie mojego problemu znalazłem ten temat i odkopując go pragnę was prosić o pomoc

Próbowałem zmodyfikować ten kod



[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 	//<![CDATA[
  3. 		function akcja() {
  4. 			document.forms['jakas_akcja'].action = 'link';
  5. 			document.forms['jakas_akcja'].submit();
  6. 		}
  7. 	//]]>
  8. </script>
  9.  
  10.  
  11. <form name="jakas_akcja" method="post">
  12. 	<input type="text" name="sa" />
  13. 	<a href="javascript:akcja()">Wyślij</a>
  14. </form>
[HTML] pobierz, plaintext


żeby otrzymać takie coś

1. Wchodzę na index.html

2. Automatycznie po wejściu na stronę się wysyła wartość "blabla" nazwy "sa" (sa to formularz na mojej stronie) do "imie.html"

Jedyne co na razie udało mi się osiągnać to

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 	//<![CDATA[
  3. 		function akcja() {
  4. 			document.forms['jakas_akcja'].action = 'imie.html';
  5. 			document.forms['jakas_akcja'].submit();
  6.  
  7. var sa = blabla;
  8.  
  9. }
  10. 	//]]>
  11. </script>
[HTML] pobierz, plaintext


Niestety spodziewam się, że idę złą drogą, ale na razie moje doświadczenie z JS jest znikome.

Proszę Cię, jak nawet dokładnie nie wiesz jak to wysłać, to chociaż o temat bądź wyrażenie pod którym mogę o tym poczytać i znaleźć rozwiązanie problemu.

Z góry dziękuję
---
Powinienem założyć nowy temat, bo nazwa tego nie do końca odzwierciedla moje wyzwanie?

Z racji tego, że zrobiłem postępy, jednak jeszcze nie mogę tego do końca rozgryźć. Mianowicie, użyłem skryptu użytkownika o nicku loganek, dostosowując go (skrypt, nie użytkownika) do moich potrzeb. Niestety jest jeszcze jedno ale, ale czemu to nie chodzi

[HTML] pobierz, plaintext 
  1. <html>
  2.    <head>
  3.       <script>
  4.          function ZapytaniePHP(url, post){
  5.             if (window.XMLHttpRequest)xmlHttp = new XMLHttpRequest();
  6.             else if (window.ActiveXObject)xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  7.             if (xmlHttp == null){alert("Nie udało się zainicjować obiektu xmlHttpRequest!");return;}
  8.                xmlHttp.onreadystatechange = function (){
  9.                   if (xmlHttp.readyState == 4 || xmlHttp.status == 200){
  10.                      document.body.innerHTML = xmlHttp.responseText;
  11.                   }
  12.             }
  13.             xmlHttp.open("POST", url, true);
  14.             xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  15.             xmlHttp.send(post);
  16.  
  17.          }
  18.       </script>
  19.    </head>
  20.    <body onload="ZapytaniePHP('imie.html', 'drugie=Adam');"></body>
  21. </html>
[HTML] pobierz, plaintext



Samo onload działa, bo np. wstawiając kod

[HTML] pobierz, plaintext 
  1. <body onload="alert('Przykładowy tekst');">
[HTML] pobierz, plaintext


alert wyskakuje.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.