jquery

pogo · Napísal **pogo**: 03.08.2009 16:01

Ako sa da cez jquery spravit to aby sa mi do databazy zapisali hodnoty z textovych poli bez refreshu?

Tominator · Napísal **Tominator**: 03.08.2009 19:58

cez ajax ... jQuery má na to niekoľko metód takže ťa posielam hneď tu:
http://docs.jquery.com/Ajax

Teda všetko odošleš PHPčku to to zapíše a môže (nemusí) vrátiť odpoveď.

pogo · Napísal autor témy **pogo**: 03.08.2009 23:05

Hej, uz som tam pozeral, ale aj tak neviem ako to spravit.. s ajaxom len zacinam..

Ďuri · Napísal **Ďuri**: 07.08.2009 19:46

pogo píše:

s ajaxom len zacinam..

Nie, nezacinas, ani si sa nepokusil zacat. Ty si lenivy cokolvek urobit. Lenze tu ti nikto nebude podavat kody na striebornom podnose, googli, skusaj, debugguj. Ak nebude nieco fungovat, hod sem kod a opytaj sa.

Snacker · Napísal **Snacker**: 07.08.2009 21:00

Citácia:

Ako sa da cez jquery spravit to aby sa mi do databazy zapisali hodnoty z textovych poli bez refreshu?

A pri akej udalosti by si chcel aby sa ti udaje zapisali do databazy?

pogo · Napísal autor témy **pogo**: 07.08.2009 22:32

to duri: tak vies, neviem ako zacat ani odkial sa to ucit(kedze je kazda stranka o tom po anglicky).. jedina stranka kde si nieco pozeram je docs.jquery.com vacsinou je tam priklad.. a co sa tyka toho kodu tak som chcel len nejaky jednoduchy priklad.. na par riadkov..

Snacker · Napísal **Snacker**: 07.08.2009 22:39

Ja tiez zacinam s AJAX-om a velmi mi pomaha kniha Mistrovstvi v Ajaxu, treba precitat.
A inak mohol by si mi aj odpovedat na otazku :lol:

Chcel sito napr. ze mas 3textove polia a submit ktorym ulozis udaje do databazy bez refreshu?

pogo · Napísal autor témy **pogo**: 08.08.2009 11:39

nj, presne to

Snacker · Napísal **Snacker**: 08.08.2009 12:56

Neni zbytocne pouzivat jquery?
Ak by si to chcel napr. metodou GET si daj napr. do index.hml niekde do BODY form :

Kód:

  <form>
<input id="string_1" type="text" value="" size="40" /><br />
<input id="string_2" type="text" value="" size="40" /><br />
<input id="string_3" type="text" value="" size="40" /><br />
  </form>
<button onclick="ziskajData('oblast')">Ulozit</button>
<div id="oblast"></div> 

3 textove polia, jeden button a jeden <div> kde sa ti zobrazi odpoved ci ukladanie prebehlo uspesne.

Do hlavicky si hod skript

Kód:

  <script language="javascript">

  var XMLHttpRequestObjekt = false;
  
  if(window.XMLHttpRequest){
  XMLHttpRequestObjekt = new XMLHttpRequest();
  } else if(window.ActiveXObject){
  XMLHttpRequestObjekt = new ActiveXObject("Microsoft.XMLHTTP");
  }


  function ziskajData(divID){

  if(XMLHttpRequestObjekt){

  var obj = document.getElementById(divID);

  var string_1 = document.getElementById("string_1");
  var string_2 = document.getElementById("string_2");
  var string_3 = document.getElementById("string_3");
  
  XMLHttpRequestObjekt.open("GET", "ulozenie.php?s1=" + string_1.value +"&s2=" + string_2.value +"&s3=" + string_3.value);
  
  XMLHttpRequestObjekt.onreadystatechange = function(){
  if(XMLHttpRequestObjekt.readyState == 4 && XMLHttpRequestObjekt.status == 200){
  obj.innerHTML = XMLHttpRequestObjekt.responseText;
  }
  }
  
  XMLHttpRequestObjekt.send(null);
  }
  }  
  </script>

A potom si vytvor napr. ulozenie.php, kde sa ulozi hodnota predavana metodou GET a ulozi sa do databazy( neosetrujem vstup )

Kód:

<?php
if($_GET['s1'] && $_GET['s2'] && $_GET['s3']){

$s1 = $_GET['s1'];
$s2 = $_GET['s2'];
$s3 = $_GET['s3'];

$result = mysql_query("INSERT INTO `ajax`.`input` (`id` ,`string_1` ,`string_2` ,`string_3` )VALUES (NULL , '$s1', '$s2', '$s3');");

if($result)
  echo "Udaje boli ulozene do databazy.";
} else
  echo "Nezadali ste vsetky potrebne udaje!";
?>

Samozrejme nezabudni na pripojenie na databazu, to tam neuvadzam.

Pisem to z hlavy tak snad som neurobil chybu. Vyskusaj a popripade napis

Ďuri · Napísal **Ďuri**: 08.08.2009 13:01

Snacker, je dobre pouzit aj encodeURIComponent() na zakodovanie dat v query stringu.

Snacker · Napísal **Snacker**: 10.08.2009 21:50

ok, chcel som sa spytat ako by som mohol zabezpecit v tom priklade co som hore uviedol aby mi fungoval enter ako potvrdenie/ulozenie
Dakujem

Tominator · Napísal **Tominator**: 10.08.2009 23:55

onkeypress

Snacker · Napísal **Snacker**: 11.08.2009 0:02

nepomohlo, nejde potom na to ani klinut ani odenterovat

antivir · Napísal **antivir**: 11.08.2009 9:22

Nemôžeš viazať stlačenie enter na SUBMIT button. Musí to byť v textovom poli.

Snacker · Napísal **Snacker**: 11.08.2009 12:22

Ked dam vnutornu udalost onkeypress do textoveho pola tak sa mi ulozi do databazy string po kazdom kliknuti.
Ozrejmim este problem:
Robim chat kde sa mi cez ajax v dive refresuju spravy. Ked pisem novu spravu tak som to mal riesene tak, ze normalne mam form, stlacim odoslat odkaze ma to napr. na uloz.php kde sa vezme retazec, ulozi sa do databazy a presmeruje ma to znova na chat. No ale mi to preblikavalo, co povzujem za rusivy element tak som chcel skusit nieco take ze mi bude odosielat spravy naktez cez ajax, teda skript sa bude vykonavat na pozadi a nic nepreblikne. Fungujem to prefektne, no musim vzdy kliknut na tlacitko odoslat, nejde enter, ak to dat do formu tak mi to refresne. Takze neviem ci extistue sposob akym by som to mohol obist

Ďuri · Napísal **Ďuri**: 11.08.2009 12:32

Pouzil by som klasicky <input type=submit>. Funkciu, ktora odosiela spravu, potom das ako <form onsubmit="tvojafcia()"> a na koniec tej tvojej funkcie daj return false, aby sa form neodoslal.
String sa ti furt uklada preto, ze nikde nekontrolujes, ci si stlacil enter alebo nieco ine. Enter ma keyCode 13.

Snacker · Napísal **Snacker**: 11.08.2009 13:46

Diki moc, skusal som to aj takto ale nevedel som ze s return false neodoslem form. Este raz diki.

jquery

Podobné témy