Forum PHP.pl > Pobieranie danych z bazy i ich wyświetlanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Pobieranie danych z bazy i ich wyświetlanie

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Gadziu

6.10.2013, 21:42:16

Mam formularz. Obok jest div gdzie chciałbym, żeby pojawiały się pewne informacje pobrane z bazy. Poprzez JS pobieram wpisane słowo w okienko, ale w tym momencie się komplikuję, bo nie wiem jak zrobić, żeby bez naciskania submita połączyć się z bazą, pobrać pewne informacje na podstawie wpisanego słowa w formularz i ich wyświetlenie. Jakieś pomysły?

sowiq

7.10.2013, 08:29:10

Użyj AJAX'a. JQuery ma metodę "load", którą bez problemu to zrobisz. http://api.jquery.com/load/

Przykład:

[JAVASCRIPT] pobierz, plaintext 
$('#moj_element').load('/adres/?slowo=' + slowo);
[JAVASCRIPT] pobierz, plaintext

Gadziu

7.10.2013, 19:38:58

Hmm, cienki jestem w JS, ale z tego co przeczytałem z opisu funkcji load to wymyśliłem tak, ale nie działa... Wg mnie to powinno wziąć zmienną f, przekazać ją do test1.php, ten powinien wyświetlić f, a funkcja load załadować to do diva "opis". Próbowałem z przekazaniem POST lub GET, ale nie działa tak czy siak.

test.php

[PHP] pobierz, plaintext 
<head>
	<script type="text/javascript" src="js/jquery2.0.3.js"></script>
<script language="JavaScript">
<!-- <![CDATA[
function napis(f) {
 $( "#opis" ).load( "test1.php", { "f" } );
}
// ]]> -->
</script>
</head>
<body>
 
<form>
	<div style="display: inline;">
		<input type="text" onchange="napis(this)" />
	</div>
	<div id='opis' style="display: inline;"></div>
</form>
 
 
</body>
[PHP] pobierz, plaintext

test1.php

[PHP] pobierz, plaintext 
<?php
	$slowo = $_GET['f'];
	echo $slowo;
?>
[PHP] pobierz, plaintext

_Borys_

7.10.2013, 20:19:01

load() przekazuje postem a więc musisz sprawdzać tablicę $_POST a przekazywać tak
$( "#opis" ).load( "test1.php", {"f":f});
Poza tym do funkcji musisz przekazać wartość inputa a nie sam input
<input type="text" onchange="napis(this.value)"/>

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.