Wątek przeniesiony 2015-06-08 20:12 z Webmastering przez dzek69.

Jak przesłać i wczytać nowe dane bez przeładowania strony?

0

Witam!

Już od kilku godzin nie mogę poradzić sobie z problemem odnośnie przesłania danych i odpowiedzi.
Co chcę osiągnąć? Użytkownik ma na stronie formularz w którym uzupełnia 2 zmienne. Następnie klika wyszukaj i bez przeładowania strony dostaje dodatkowe informacje pobrane z bazy danych na podstawie tego co wpisał.

I teraz pytanie jak to zrobić, najlepiej przykład, bo dzięki temu szybciej do głowy mi wchodzi.

Mam jakąś tam część formularza:

<input type="text" id="name" name="name" placeholder="Name" required/>
<input type="text" id="number" name="number" placeholder="Number" required/>
<input type="button" name="next" class="search" value="Search" />

po naciśnięciu buttonu przechodzi do następnej zakładki bez przeładowania. A w niej chciałbym mieć pobrane dane. Najpierw przesyłam ajaxem do php:

$(".search").click(function () {
            name = $("#name").val();
            number = $("#number").val();

            var data = 'name=' + name + '&number=' + number;

            jQuery.ajax(
                {
                    type: "POST",
                    url: "search.php",
                    data: data,
                    error: function () {
                    },
                    success: function () {
                    }
                }
        );

Następnie odbieram dane w php, łącze się z bazą, pobieram interesujące mnie rzeczy, przypisuje sobie je do zmiennych

$name = $_POST['name'];
[i]...połaczenie z bazą...[/i]
$result = mysql_query("SELECT `Age` from user where `name` = '".$name."'");
$row = mysql_fetch_row($result);

i tutaj znak zapytania, bo nie wiem co dalej. Jak teraz przesłać te dane z powrotem do js, żebym tam mógł przypisać sobie:

var age = [b]pobrana z bazy wartość[/b]
$(".age").html(age);

Proszę o jakieś wskazówki, podpowiedzi. Z góry ogromne dzięki!

0
  1. Zrób normalny formularz i łap zdarzenie 'submit'.
  2. Jak ma to wyjść poza localhosta to lepiej zajmij się też jakimś filtrowaniem danych od usera.
  3. Nie używaj mysql tylko mysqli albo jeszcze lepiej PDO.
  4. W kodzie js:
        success: function(data)
        {
               //odbierasz zmienna data
        }

Poza tym polecam sobie poczytać: http://kursjs.pl/kurs/jquery/jquery_ajax.html
Szczególnie rozdział "JSON z wykorzystaniem jQUERY".

1 użytkowników online, w tym zalogowanych: 0, gości: 1