Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JavaScript]Zapisywanie onclick
Forum PHP.pl > Forum > Przedszkole
Salur
22.07.2015, 20:43:09
Cześć, w jaki sposób mogę przez onclick='przyjmij();' które dodałem w buttonie przyjmowania zlecenia przekazać dane ze zmiennych do bazy mysql? Dodam że żadnego form nie mam w kodzie, jest to sam button.
nospor
22.07.2015, 20:46:34
musisz te dane wyslac na serwer, np. przy pomocy AJAX
Salur
22.07.2015, 20:49:53
Mógłbym prosić o jakiś przykład lub linka?
webmaniak
23.07.2015, 05:53:15
To powinno być pomocne:
http://api.jquery.com/jquery.ajax/
MeGusta
23.07.2015, 11:45:44
Kurczę, dalej nie rozumiem jak mogę naprzykład $zmienna zapisać do ajaxa po kliknięciu onclick i potem ją odebrać jakoś w pliku np. skrypt.php

[PHP] pobierz, plaintext 
  1. <?php
  2. $zmienna = 'cos';
  3.  
  4. echo "<input type='submit' value='' onclick='przyjmij()'";
  5.  
  6. ?>
[PHP] pobierz, plaintext
nospor
23.07.2015, 11:54:08
A ja nie rozumiem jak mozesz zakladac kilka kont, mimo ze to jest zabronione.
Salur
23.07.2015, 13:23:03
Oto co udało mi się zrobić lecz nie działa, nie wyświetla id misji oraz nie przekazuje zmiennej do pliku przyjmij.php.

PS: Konto MeGusta jest mojego brata. Proszę tego nie traktować jako Multikonto. Nie zauwazyłem że jestem zalogowany na jego konto.

[HTML] pobierz, plaintext 
  1. <script>
  2. 			function przyjmijMisje(){
  3. 			     $.ajax({
  4. 				  method: "POST",
  5. 				  url: "/pages/przyjmij.php",
  6. 				  data: { id: "<?php $id ?>"}
  7. 			     })
  8.  
  9. 			     .done(function( id ) {
  10. 					alert( "Przyjęto misje o id: " + id);
  11. 			      });
  12. 			}
  13. </script>
[HTML] pobierz, plaintext
webmaniak
23.07.2015, 16:06:10
A masz bibliotekę jquery?
Salur
23.07.2015, 16:11:44
Tak. Mam w head strony zdefiniowane.
Dodam że wyświetla mi się w alert tylko to: Przyjęto misje o id: bez id ze zmiennej php.

Chcę tylko odebrać zmienna z jednego plku php i przesłać ja do drugiego gdzie obsłuże zapytanie mysql.
ctom
23.07.2015, 16:26:59
może pokaż więcej tego kodu gdzie generujesz te button oraz co masz w pliku /pages/przyjmij.php
Salur
23.07.2015, 16:33:46
Główny plik:

[PHP] pobierz, plaintext 
  1. $zapytanie = mysql_query("SELECT * FROM quests");
  2.  
  3. while($q = mysql_fetch_assoc($zapytanie)){
  4.  
  5. 	$gold = $q['gold'];
  6.  
  7. 	$exp = $q['exp'];
  8.  
  9. 	$id = $q['id'];
  10.  
  11.         $title = $q['title'];
  12.  
  13. 	echo "<div class='mission'><center><h3>".$q['title']."</h3>";
  14.  
  15. 	echo "<p>".$q['description']."</p>";
  16.  
  17. }
  18. echo "<br><br><input type='submit' value='Przyjmij' onclick='przyjmijMisje();'></div>";
  19.  
[PHP] pobierz, plaintext


I teraz chcę zmienną $id oraz $title przekazać do pliku przyjmij.php

Przyjmij.php

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. $id = $_POST['id'];
  4.  
  5. $title = $_POST['title'];
  6.  
  7. $zapytanie = mysql_query("INSERT INTO ......");
  8.  
  9. ?>
[PHP] pobierz, plaintext


Function :

[HTML] pobierz, plaintext 
  1. <script>
  2. function przyjmijMisje(){
  3. $.ajax({
  4.   method: "POST",
  5.   url: "/pages/przyjmij.php",
  6.   data: { id: "<?php echo $id; ?>"}
  7. })
  8.   .done(function( id ) {
  9.     alert( "Przyjęto misje o id: " + id);
  10.   });
  11. }
  12. </script>
[HTML] pobierz, plaintext
ctom
23.07.2015, 16:41:36
no to po kolei:
plik główny:
korzystasz z jQuery więc w linii 18 do tego inputa dodaj atrybuty "data-id" i "data-title" tu masz ściągę https://api.jquery.com/jquery.data/ , lub dodaj wartości jako parametry przy wywołaniu funkcji przyjmijMisje

plik Przyjmij.php
w poniższym skrypcie js oczekujesz, że będzie zwrocona wartość "id" (linia 8) .... a w pliku Przyjmij.php nie zwracasz nic

popraw i wstaw co zrobiłes
Salur
23.07.2015, 16:51:14
Nierozumiem za bardzo jak te atrybuty dodać. Czy tak?

[PHP] pobierz, plaintext 
  1. $zapytanie = mysql_query("SELECT * FROM quests");
  2.  
  3. while($q = mysql_fetch_assoc($zapytanie)){
  4.  
  5. 	$gold = $q['gold'];
  6.  
  7. 	$exp = $q['exp'];
  8.  
  9. 	$id = $q['id'];
  10.  
  11.         $title = $q['title'];
  12.  
  13. 	echo "<div class='mission'><center><h3>".$q['title']."</h3>";
  14.  
  15. 	echo "<p>".$q['description']."</p>";
  16.  
  17. }
  18. echo "<br><br><input type='submit' value='Przyjmij' onclick='przyjmijMisje(data-id, data-title);'></div>";
  19.  
[PHP] pobierz, plaintext

ctom
23.07.2015, 16:56:14
Cytat(Salur @ 23.07.2015, 17:51:14 ) *
Nierozumiem za bardzo jak te atrybuty dodać. Czy tak?

[PHP] pobierz, plaintext 
  1.  
  2. echo "<br><br><input type='submit' value='Przyjmij' onclick='przyjmijMisje(data-id, data-title);'></div>";
  3.  
[PHP] pobierz, plaintext


no nie do końca..... do funkcji jako parametr przekazujesz już wartości zmiennej $id, $ititle ...
a atrybut w <input> to np. value .... gdzie wartością parametry value jest "Przyjmij" ... więc przejrzyj jeszcze raz link, któy Ci wczesniej dałem
Salur
23.07.2015, 16:58:37
Czyli powinno wyglądać to tak? 

[PHP] pobierz, plaintext 
  1.  
  2. echo "<br><br><input type='submit' value='jQuery.data( document.body, "data-id", "data-title" );' onclick='przyjmijMisje();'></div>";
  3.  
[PHP] pobierz, plaintext
ctom
23.07.2015, 17:08:48
chyba się nie nadaje na "nauczyciela" ;-)

wstawienie wartości $id, $title do funkcji :

Kod
echo "<br><br><input type='submit' value='Przyjmij' onclick='przyjmijMisje($id, $title);'></div>";


wstawienie tych wartości jako atrybutów do <input>

Kod
echo "<br><br><input type='submit' value='Przyjmij' data-id='$id' data-title='$title' onclick='przyjmijMisje(this);'></div>";


Twoj funkcja powinna wyglądać tak:

(opcja 1)
Kod
<script>
function przyjmijMisje(paramId, paramTitle){
$.ajax({
  method: "POST",
  url: "/pages/przyjmij.php",
  data: { id: paramId }
})
  .done(function( id ) {
    alert( "Przyjêto misje o id: " + id);
  });
}
</script>


(opcja 2)
Kod
<script>
function przyjmijMisje(el){
$.ajax({
  method: "POST",
  url: "/pages/przyjmij.php",
  data: { id: $(el).data('id') }
})
  .done(function( id ) {
    alert( "Przyjêto misje o id: " + id);
  });
}
</script>
Salur
23.07.2015, 17:17:10
Zrobiłem jak kazałeś, lecz teraz nadal się nie wyświetla id w alercie. Dodatkowo w kodzie strony jak zobaczyłem to atrybuty są uzupełnione id i tytuł więc zmienne php nie są puste.

W pliku przyjmij.php odebrałem id tak: $_POST['id']; i jest ono puste.

KOD:

[XML] pobierz, plaintext 
  1.  
  2. echo "<br><br><input type='submit' value='Przyjmij' data-id='$id' data-title='$title' onclick='przyjmijMisje(this);'></div>";
  3.  
  4. <script>
  5.  
  6. function przyjmijMisje(el){
  7. $.ajax({
  8.   method: "POST",
  9.   url: "/pages/przyjmij.php",
  10.   data: { id: $(el).data('id') }
  11. })
  12.   .done(function( id ) {
  13.     alert( "Przyjęto misje o id: " + id);
  14.   });
  15. }
  16. </script>
[XML] pobierz, plaintext
herbhouse666
23.07.2015, 18:49:40
Dziwne, że Ci to nie działa.

Testowałem tak i wszystko śmiga.

[HTML] pobierz, plaintext 
  1. <script src="//code.jquery.com/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
  2.  
  3. <script>
  4. function przyjmijMisje(el){
  5. $.ajax({
  6.   method: "POST",
  7.   url: "pages/przyjmij.php",
  8.   data: { id: $(el).data('id') }
  9. })
  10.   .done(function( id ) {
  11.     alert( "Przyjęto misje o id: " + id);
  12.   });
  13. }
  14. </script>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
  1. <?php
  2. $id = 1;
  3. echo "<br><br><input type='submit' value='Przyjmij' data-id='$id' data-title='$title' onclick='przyjmijMisje(this);'></div>";
  4. ?>
[PHP] pobierz, plaintext

plik przyjmij.php

[PHP] pobierz, plaintext 
  1. <?php
  2. print_r($_POST['id']);
  3. ?>
[PHP] pobierz, plaintext
Salur
23.07.2015, 18:54:49
No właśnie dziwne, w alercie nawet mi id nie pokazuje, zdefiniowałem sobie obok jeszcze $id = '1'; i nadal to samo, nie pokazuje id.
ctom
23.07.2015, 19:07:21
Cytat(Salur @ 23.07.2015, 19:54:49 ) *
No właśnie dziwne, w alercie nawet mi id nie pokazuje, zdefiniowałem sobie obok jeszcze $id = '1'; i nadal to samo, nie pokazuje id.


jak troszkę włożysz wysiłku by zrozumieć skąd się "bierze" id w tym twoim alercie to wszystko będzie Ci działać
Salur
23.07.2015, 19:10:02
No właśnie, wystarczyło troszkę ruszyć głową. Dziękuję wszystkim za pomoc.

Teraz kwestia czy ja coś muszę w tej funkcji zmienić żeby wykonał sie ten skrypt php z pliku przyjmij.php? Bo okej, zmienna jest w tym pliku i zapytanie które sprawdziłem w mysql i nic nie dodaje do bazy.
herbhouse666
23.07.2015, 19:33:33
Daj cały kod to powiem Ci co masz żle.
Salur
23.07.2015, 19:35:53
przyjmij.php
[PHP] pobierz, plaintext 
  1. <?php
  2. session_start();
  3. ?>
  4. <?php
  5. $uzytkownik = $_SESSION['user'];
  6.  
  7. $user_id = $_SESSION['id_user'];
  8.  
  9. $id = $_POST['id'];
  10.  
  11. echo $_POST['id'];
  12.  
  13. if ($_POST['id']) {
  14.  
  15. $zapytanie = mysql_query("INSERT INTO `quest_postac` (
  16. `id` ,
  17. `id_quest` ,
  18. `id_gracz` ,
  19. `status` ,
  20. `ile` ,
  21. `co`
  22. )
  23. VALUES (
  24. 'NULL',  '$id',  '$user_id',  '1',  '0',  '0'
  25. )");
  26.  
  27. echo '<br><span style="color: green"> przyjęto misje</span>';
  28.  
  29. }
[PHP] pobierz, plaintext


Funkcja z innego pliku:

[PHP] pobierz, plaintext 
  1. <script>
  2. function przyjmijMisje(el){
  3. 	$.ajax({
  4. 		method: "POST",
  5. 		url: "pages/przyjmij.php",
  6. 		data: { id: $(el).data('id') }
  7. 	})
  8. 	.done(function( id ) {
  9. 		alert( "Przyjęto misje o id: " + id);
  10.   });
  11. }
  12.  
  13. </script>
[PHP] pobierz, plaintext
herbhouse666
24.07.2015, 17:15:34
Wszystko śmiga (Nie wiem jakiej biblioteki jQuery używasz, ale użyj tej z pliku):
kod inny plik:
Kod
<script src="//code.jquery.com/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
<script>
function przyjmijMisje(el){
$.ajax({
  method: "POST",
  url: "pages/przyjmij.php",
  data: { id: $(el).data('id') }
})
  .done(function( id ) {
    alert( "Przyjęto misje o id: " + id);
  });
}
</script>
<?php
$id = 1;
echo "<br><br><input type='submit' value='Przyjmij' data-id='$id' data-title='$title' onclick='przyjmijMisje(this);'></div>";
?>


kod przyjmij.php
Kod
<?php
session_start();
?>
<?php
print_r($_POST);//DOTESTU
mysql_connect('localhost','root','') or//DOTESTU
die('Serwer Error!');//DOTESTU
mysql_select_db('ajax') or die('Database Error!');//DOTESTU

$uzytkownik = $_SESSION['user'];//DOTESTU
$user_id = 232;//DOTESTU
$id = $_POST['id'];

echo $_POST['id'];

if ($_POST['id']) {

    $sql = "INSERT INTO `quest_postac`(`id`, `id_quest`, `id_gracz`, `status`, `ile`, `co`) VALUES ('','$id','$user_id','3','4','5')";
    $query = mysql_query($sql);

}
?>
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.