jquery.ajax - najprostszy formularz

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.

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/

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?

1

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

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