jquery.ajax - najprostszy formularz

Odpowiedz Nowy wątek
2015-10-20 00:32

Rejestracja: 6 lat temu

Ostatnio: 2 lata temu

0

Hej

mam nadzieję, że jakaś miła dusza mi pomoże w tym zadaniu. Mam listę sekcji (zdjęcie z załącznika) i chciałbym osiągnąć taki efekt, że:

  • Po kliknięciu linku "Zarządzaj" w miejscach nazw wszystkich sekcji pojawiają się inputy do edycji nazwy
  • Najlepiej jakby można było "zatwierdzić" zmianę nazwy enterem :P i żeby pojawił się label w miejscu "potwierdź ENTERem", "Zapisano zmiany"
  • Po ponownym kliknięciu "Zarządzaj" wszystkie inputy mają zniknąć i znów pojawić się nazwy

Czy łatwo to zrobić przy pomocy jquery.ajax? jquery mniej więcej ogarniam, lecz z ajaxa nie wiem nic.
Dodam, że pracuję na Zendzie 1.

edytowany 1x, ostatnio: Webowiec, 2015-10-20 00:32

Pozostało 580 znaków

2015-10-20 00:53

Rejestracja: 4 lata temu

Ostatnio: 5 godzin temu

Lokalizacja: Warszawa

0

Skoro nie wiesz o ajaxie nic to nie pozostaje nic innego:
http://api.jquery.com/jquery.ajax/
https://api.jquery.com/click/
http://api.jquery.com/html/

edytowany 1x, ostatnio: Maciej Cąderek, 2015-10-20 00:53
Jak czegoś nie zrozumiesz to dopiero pisz. - Maciej Cąderek 2015-10-20 00:57

Pozostało 580 znaków

2015-10-20 01:12

Rejestracja: 6 lat temu

Ostatnio: 2 lata temu

0

No może z tym że nie wiem nic to przesadziłem. Wiem jak wygląda szkielet funkcji ajax. Ale liczyłem bardziej na jakieś pomocne wskazówki, zresztą nie bez powodu zadałem pytanie - Czy łatwo to zrobić przy pomocy jquery.ajax?

Pozostało 580 znaków

2015-10-20 01:29

Rejestracja: 4 lata temu

Ostatnio: 5 godzin temu

Lokalizacja: Warszawa

Tak, łatwo - poniżej masz podstawowy przykład z post() (uproszczone ajax):

    $('.sectionForm').submit(function () {
        // zamiana wysyłanych danych na format zrozumiały dla php
        var formData = $(this).serialize();
        // zapytanie ajax i obsługa odpowiedzi
        $.post('/url_do_skryptu_php', formData, function (data, status) {
            if (status == 'success') {
                // co tam chcesz
            }
            else {
                // obsługa błędu
            }
        });
        return false;
    });
Dzięki. Odezwę się w razie problemów. - Webowiec 2015-10-20 17:49

Pozostało 580 znaków

Odpowiedz

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