[AJAX][JavaScript]Zapisywanie onclick Opcje

[Salur]

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.

Ten post edytował Salur 22.07.2015, 20:43:22

[nospor]

musisz te dane wyslac na serwer, np. przy pomocy AJAX

[Salur]

Mógłbym prosić o jakiś przykład lub linka?

Ten post edytował Salur 22.07.2015, 21:26:10

[webmaniak]

To powinno być pomocne:
http://api.jquery.com/jquery.ajax/

[MeGusta]

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 
<?php
$zmienna = 'cos';
 
echo "<input type='submit' value='' onclick='przyjmij()'";
 
?>
[PHP] pobierz, plaintext 

Ten post edytował MeGusta 23.07.2015, 11:46:45

[nospor]

A ja nie rozumiem jak mozesz zakladac kilka kont, mimo ze to jest zabronione.

[Salur]

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 
<script>
			function przyjmijMisje(){
			     $.ajax({
				  method: "POST",
				  url: "/pages/przyjmij.php",
				  data: { id: "<?php $id ?>"}
			     })
 
			     .done(function( id ) {
					alert( "Przyjęto misje o id: " + id);
			      });
			}
</script>
[HTML] pobierz, plaintext 

Ten post edytował Salur 23.07.2015, 13:27:41

[webmaniak]

A masz bibliotekę jquery?

[Salur]

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.

Ten post edytował Salur 23.07.2015, 16:25:38

[ctom]

może pokaż więcej tego kodu gdzie generujesz te button oraz co masz w pliku /pages/przyjmij.php

[Salur]

Główny plik:

[PHP] pobierz, plaintext 
$zapytanie = mysql_query("SELECT * FROM quests");
 
while($q = mysql_fetch_assoc($zapytanie)){
 
	$gold = $q['gold'];
 
	$exp = $q['exp'];
 
	$id = $q['id'];
 
        $title = $q['title'];
 
	echo "<div class='mission'><center><h3>".$q['title']."</h3>";
 
	echo "<p>".$q['description']."</p>";
 
}
echo "<br><br><input type='submit' value='Przyjmij' onclick='przyjmijMisje();'></div>";
 
[PHP] pobierz, plaintext 

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

Przyjmij.php

[PHP] pobierz, plaintext 
<?php
 
$id = $_POST['id'];
 
$title = $_POST['title'];
 
$zapytanie = mysql_query("INSERT INTO ......");
 
?>
[PHP] pobierz, plaintext 

Function :

[HTML] pobierz, plaintext 
<script>
function przyjmijMisje(){
$.ajax({
  method: "POST",
  url: "/pages/przyjmij.php",
  data: { id: "<?php echo $id; ?>"}
})
  .done(function( id ) {
    alert( "Przyjęto misje o id: " + id);
  });
}
</script>
[HTML] pobierz, plaintext 

Ten post edytował Salur 23.07.2015, 16:34:10

[ctom]

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

Ten post edytował ctom 23.07.2015, 16:45:07

[Salur]

Nierozumiem za bardzo jak te atrybuty dodać. Czy tak?

[PHP] pobierz, plaintext 
$zapytanie = mysql_query("SELECT * FROM quests");
 
while($q = mysql_fetch_assoc($zapytanie)){
 
	$gold = $q['gold'];
 
	$exp = $q['exp'];
 
	$id = $q['id'];
 
        $title = $q['title'];
 
	echo "<div class='mission'><center><h3>".$q['title']."</h3>";
 
	echo "<p>".$q['description']."</p>";
 
}
echo "<br><br><input type='submit' value='Przyjmij' onclick='przyjmijMisje(data-id, data-title);'></div>";
 
[PHP] pobierz, plaintext 

[ctom]

Nierozumiem za bardzo jak te atrybuty dodać. Czy tak?

[PHP] pobierz, plaintext 
 
echo "<br><br><input type='submit' value='Przyjmij' onclick='przyjmijMisje(data-id, data-title);'></div>";
 
[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]

Czyli powinno wyglądać to tak?

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

Ten post edytował Salur 23.07.2015, 17:01:51

[ctom]

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]

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 
 
echo "<br><br><input type='submit' value='Przyjmij' data-id='$id' data-title='$title' onclick='przyjmijMisje(this);'></div>";
 
<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>
[XML] pobierz, plaintext 

Ten post edytował Salur 23.07.2015, 17:44:41

[herbhouse666]

Dziwne, że Ci to nie działa.

Testowałem tak i wszystko śmiga.

[HTML] pobierz, plaintext 
<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>
[HTML] pobierz, plaintext 

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

plik przyjmij.php

[PHP] pobierz, plaintext 
<?php
print_r($_POST['id']);
?>
[PHP] pobierz, plaintext 

Ten post edytował herbhouse666 23.07.2015, 18:50:32

[Salur]

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]

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]

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.

Ten post edytował Salur 23.07.2015, 19:22:11

[herbhouse666]

Daj cały kod to powiem Ci co masz żle.

[Salur]

przyjmij.php

[PHP] pobierz, plaintext 
<?php
session_start();
?>
<?php
$uzytkownik = $_SESSION['user'];
 
$user_id = $_SESSION['id_user'];
 
$id = $_POST['id'];
 
echo $_POST['id'];
 
if ($_POST['id']) {
 
$zapytanie = mysql_query("INSERT INTO `quest_postac` (
`id` ,
`id_quest` ,
`id_gracz` ,
`status` ,
`ile` ,
`co`
)
VALUES (
'NULL',  '$id',  '$user_id',  '1',  '0',  '0'
)");
 
echo '<br><span style="color: green"> przyjęto misje</span>';
 
}
[PHP] pobierz, plaintext 

Funkcja z innego pliku:

[PHP] pobierz, plaintext 
<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] pobierz, plaintext 

Ten post edytował Salur 23.07.2015, 19:39:48

[herbhouse666]

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);

}
?>