Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

AJAX i SPRY - Kako onemogućiti form submit

[es] :: Javascript i AJAX :: AJAX i SPRY - Kako onemogućiti form submit

[ Pregleda: 1842 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

misxa
Podgorica

Član broj: 28513
Poruke: 68
212.200.246.*



Profil

icon AJAX i SPRY - Kako onemogućiti form submit23.08.2007. u 11:49 - pre 202 meseci
Upotrebom AJAX i SPRY tehnika programiranja želimo da izbjegnemo dosadno ponovno učitavanje stranica prilikom razmjene podataka između stranice i baze podataka. Ukoliko koristimo HTML formu za unos i slanje parametara bazi podataka, kako bi izbjegli ponovno učitavanje stranice moramo onemogućiti FORM SUBMIT tako što vezujemo onSubmit() događaj za formu, u okviru koga navodimo:

Code:

<form class="forma" onsubmit="process(); return false;"><!-- return false; - disable form submitting!-->


Evo i primjera koda:
Code:

<script type="text/javascript" src="spry/includes/xpath.js"></script>
<script type="text/javascript" src="spry/includes/SpryData.js"></script>
<script type="text/javascript">
var url = 'xml.php';
var xpath = 'kategorije/kategorija';
var dsKategorije = new Spry.Data.XMLDataSet(url, xpath);
dsKategorije.setColumnType("rbr", "number");
dsKategorije.setColumnType("@id", "number");

// MySQL data update and XML data refresh
function process()
{
    var formMethod = "POST";
    var naziv = Spry.$('naziv').value;
    var formData = 'naziv=' + naziv;
    formData = encodeURI(formData);
    var header = { "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8" };
        
    //dsKategorije.setURL(url, {method: "POST", postData: formData, headers: {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"}});
    dsKategorije.setURL(url, {method: formMethod, postData: formData, headers: header});    
    dsKategorije.loadData();
}

...
Code:

<div spry:region="dsKategorije" class="podaci">
<table class="tabela">
      <caption class="naslov">Kategorije</caption>
      <tr class="zaglavlje">
            <th scope="col" spry:sort="rbr">#</th>
            <th scope="col" spry:sort="@id">ID</th>
            <th scope="col" class="nnaziv" spry:sort="naziv">Naziv</th>
      </tr>
      <tr spry:repeat="dsKategorije" spry:odd="red0" spry:even="red1" spry:hover="red2">
            <td class="broj">{rbr}</td>
            <td class="broj">{@id}</td>
            <td><div class="tekst">{naziv}</div></td>
      </tr>
</table>
<form class="forma" onsubmit="process(); return false;"><!-- return false; - disable form submitting!-->
    <div class="akcija">
        <span>Naziv: </span><input id="naziv" type="text" value="" size="35">
        <input type="button" value="Dodaj">
        <input type="hidden" value="akcija">
    </div>
</form>
</div>
 
Odgovor na temu

VladaSu

Član broj: 31634
Poruke: 1099
77.46.156.*



+218 Profil

icon Re: AJAX i SPRY - Kako onemogućiti form submit23.08.2007. u 18:43 - pre 202 meseci
onsubmit="return false;"
[Ovu poruku je menjao VladaSu dana 14.06.2003. u 11:22 GMT+1]
 
Odgovor na temu

[es] :: Javascript i AJAX :: AJAX i SPRY - Kako onemogućiti form submit

[ Pregleda: 1842 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.