Pošiljanje podatkov - Ajax (post) v php file

Pozdravljeni,
imam en večji problem, ki ga nikakor ne morem rešiti. Problem je v tem, da imam neke inpute in textaree, kateri niso v FORM-i in bi rad shranil njihove vrednosti. Sistem, ki sem se ga lotil deluje na tak način:

Ob kliknu na link/gumb se sproži (onclick='saveAnswers()'), ki pa vsebuje zgenerirano kodo za vsak input posebej (katere vrednosti naj zabeleži) in si jih shrani v var-e. To je vse skupaj en velik javascript, zdaj pa za vsak ta zabeležen odgovor želim poslati preko ajaxa v file 'save-answers.php', kjer preko POST metode prejmem informacije in jih shranim v database.

Primer kode:

...
<input type='text' name='nekoime' value='Besedilo' />
...
<script>
function saveAnswers() { 

//ta del kode se zgenerira za VSAK input/textarea
... koda, ki prebere vrednost inputa in ga shrani v "var save_answer" ..
... Sedaj pa koda za ajax send - $.ajax({ type: "POST", url: "save-answers.php", data: "answerID=...&answer=" + save_answer});
//Konec kode

}
</script>

Stvar dejansko dela, ampak ne kot bi morala. V IE8 deluje 100%, v operi mi kakšenkrat shrani pravilno, kakšenkrat moram it nazaj na page in 10x refreshat stran, da SHRANI v DB (kot, da ne bi sprožilo vseh ajax-ov in jih ima v cacheju, ki jih naknadno sproži, huh?), v FF sploh ne dela, v Chrome niti, safari pa nisem probal.
Zadevo sem naredil tako zato, da bom kasneje lahko implementiral auto-save.

V operi se zgodi, da se kakšen odgovor shrani, kakšen ne, pa potem po refreshu se shrani itd. Weird stuff going on.

Lahko bi se rešil te javascript zadeve tako, da bi dal vse inpute v formo in po POST-u enostavno prebral vrednosti ter jih shranil, vendar nastane problem, ker imam med temi inputi še druge forme, in če imam formo v formi, potem zunanja ne dela.

Primer:

<form action='...' method='post' ...> //To bi bila glavna forma

   <form ...> //To bi bila druga forma
   <input type='submit' ... />
   </form>

<input type='submit' ... />
</form>

Kako bi lahko naredil, da mi notranji button sproži notranjo formo, medtem kot pa zunanji button zunanjo formo? Torej, da bi jih ločili med sabo s kakšnim IDjem? (rešitev jquery - .submit()?)

Ne vem več kaj storiti :).

lp

ne dajat nikol javascripta kr tko v script tage ampak ga dej v svoj fajl in sicer v tvojem primeru najprej dej v DOM loaded (v jquery je to $(function() { ... });) al pa celo v $('#idfielda').change(function() { ... }); event.

MrBrdo je 17. sep 2010 ob 16:54 izjavil:

ne dajat nikol javascripta kr tko v script tage ampak ga dej v svoj fajl in sicer v tvojem primeru najprej dej v DOM loaded (v jquery je to $(function() { ... });) al pa celo v $('#idfielda').change(function() { ... }); event.

Zakaj? A zaradi nalaganja iz cache-a brskalnika? Kodne lepote?

Včasih je enostavneje vreči script tag kar v sredino body-ja, preden napišeš ločen jquery plugin za nekaj malenkosti na točno določeni strani, ki je izjema. Je pa res, da je večinoma obvezno izvajati javascript kodo znotraj $(document).ready() oz. ko je DOM pripravljen. Tudi nisem zasledil, da ima kak standard zahtevano javascript kodo samo znotraj svojih file-ov in head-a.

WarMaker: np.

lahk samo izkoristim tukaj priloznost in recem, da....

JQUERY RULEZ !


thank you for letting me say it!

WarMaker: http://jslint.com/

JAVASCRIPT:

Uporabi onclick="" da zabeleži kateri gumb je bil pritisnjen in onsubmit="" da preveri, katera forma se mora submitat :)

ma v bistvu je zadeva zlo preprosta...

1. po rpavilni sintaksi form elementi nimajo kaj iskat izven forme

2. torej na stran das eno formo, ki vsebuje vse tvoje elemente in ji dolocis class="ajaxpost"..

potem v jquery bloku "ukrades" default post event formi

$('.ajaxpost').submit(function(){
....
  return false;
});

in pikice zamenjas s proceduro za fetch podatkov in za poslat podatke prek ajax POSTa...

torej

var data = $(this).serializeArray();
$.post('/myurl/save.php', data, function(result){
});

preprosto ku pasulj

prosim

pa seveda brez teh BR-jev.... ne vem zakaj jih je fliknlo not