logo elektroda
logo elektroda
X
logo elektroda
REKLAMA
REKLAMA
Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

Ajax formularze - Automatyczne wypełnienie formularza

elekt12345 07 Sie 2015 17:47 1437 5
REKLAMA
  • #1 14905110
    elekt12345
    Poziom 12  
    Posty: 126
    Ocena: 6
    Witam,

    bawię się formularzami na arduino z karta SD i modułem ethernet i mam problem z formularzem.

    Chciałbym aby po uruchomieniu strony formularz byl odrazu uzupełniony o ostatnio zapamiętane wartości.
    Wartości są przechowywane na innych stronach www np. na stronie http://IP/time.ino której wynik w przeglądarce to cyfra 4
    automatycznie wstawiał tę wartość do formularza

    Kod: HTML, XML
    Zaloguj się, aby zobaczyć kod


    zrobiłem to jako:
    Kod: HTML, XML
    Zaloguj się, aby zobaczyć kod


    i jeśli gdzieś indziej na stronie wstawię:
    Kod: HTML, XML
    Zaloguj się, aby zobaczyć kod

    to ładnie pokazuje pobraną wartość ale jeśli jest jak w kodzie przedostatnim to lipa i nie wiem dlaczego, jeśli ktoś będzie miał ajkiś pomysł to będę wdzieczny za pomoc.
  • REKLAMA
  • Pomocny post
    #2 14908135
    Piotrek.pxf
    Poziom 27  
    Posty: 806
    Pomógł: 118
    Ocena: 65
    W środku tagu option może być jedynie tekst lub znaki specjalne. Nie możemy wkładać do niego jakichkolwiek obiektów html (w twoim przypadku span) bo nie zostaną one wyświetlone. Prawidłowo to powinno być:

    Kod: HTML, XML
    Zaloguj się, aby zobaczyć kod


    A w kodzie JavaScript:

    Kod: Javascript
    Zaloguj się, aby zobaczyć kod


    Oczywiście w danych zwracanych przez $.get też musi być sam tekst.
  • REKLAMA
  • #3 14908580
    elekt12345
    Poziom 12  
    Posty: 126
    Ocena: 6
    Dzięki wielkie, pomogło i działa a tak przy okazji to jak będzie w <input polu text?
  • REKLAMA
  • Pomocny post
    #4 14909903
    Piotrek.pxf
    Poziom 27  
    Posty: 806
    Pomógł: 118
    Ocena: 65
    W input type="text" wartość za pomocą jQuery ustawiasz:

    $("#idObiektu").val("tekst do wyświeltenia");
  • REKLAMA
  • #5 14915971
    elekt12345
    Poziom 12  
    Posty: 126
    Ocena: 6
    a jeśli mam plik z danymi:
    {
    sek1:[{
    a1:1,
    b1:1
    }]}

    i wywołuje go mając taki skrypt:

    <script type="text/javascript">
    $( document ).ready(function() {

    sek1stat();
    });
    function sek1stat() {
    $.get( "sek1stat.ino", function(data.sek1.a2) {
    $("#sek").html(data);
    });
    }
    </script>
    <span id="sek"></span>

    to dlaczego na www nie pokazuje wartości z pliku z danymi ? bo już nie wiem gdzie robie błąd :(
  • Pomocny post
    #6 14917716
    Piotrek.pxf
    Poziom 27  
    Posty: 806
    Pomógł: 118
    Ocena: 65
    Po pierwsze to próbujesz użyć formatu JSON do przesyłania tych tablic. Zadbaj o prawidłową strukturę przesyłanych danych - tekst (w tym nazwy zmiennych) powinny być umieszczone w cudzysłowie. Ten nawias kwadratowy też jest niepotrzebny. Powinno to wyglądać tak:
    Kod: JSON
    Zaloguj się, aby zobaczyć kod


    Przejdźmy teraz do części skryptowej. Jeśli używasz funkcji get do pobrania danych to dodaj do jej argumentów typ pobieranych danych 'json' by skrypt przerobił ciąg znaków na tablicę - w przeciwnym przypadku funkcja co prawda pobierze plik, ale wrzuci do zmiennej data ciąg tekstowy z zawartością pliku. Możesz też posłużyć się funkcją getJSON. Do danych nie odwołujesz się w deklaracji funkcji tylko w jej kodzie (tak jak poniżej). W dodatku w twoim przykładzie próbowałeś odwoływać się do zmiennej a2, której nie ma w tablicy (pewnie literówka i chodziło o a1).

    Kod: Javascript
    Zaloguj się, aby zobaczyć kod
REKLAMA