Prerábka AJAX fcie

Flety · Napísal **Flety**: 21.04.2009 19:08

Kód:

var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
  {// code for Firefox, Opera, IE7, etc.
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=state_Change;
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
  }
else
  {
  alert("Your browser does not support XMLHTTP.");
  }
}

function state_Change()
{
if (xmlhttp.readyState==4)
  {// 4 = "loaded"
  if (xmlhttp.status==200)
    {// 200 = "OK"
    document.getElementById('T1').innerHTML=xmlhttp.responseText;
    }
  else
    {
    alert("Problem retrieving data:" + xmlhttp.statusText);
    }
  }
}

By som potreboval prerobiť tak, aby som si mohol zadať ako parameter aj div do ktorého sa to má načítať, skúšal som všeličo ale nešlo mi to. V JS nie som až taký dobrý. Vopred vďaka

emer · Napísal **emer**: 21.04.2009 19:17

http://javascript.internet.com/ajax/aja ... tion2.html

http://javascriptsource.com/ajax/ajax-navigation.html

pozri si toto, ja som to z tade pochopil, pochopis aj ty

Ďuri · Napísal **Ďuri**: 21.04.2009 19:24

Pripadne si pozri aj ajax tutorial na w3schools.com, tiez dobre napisane.

Tu to mas vsetko v 1 fcii:

Kód:

function loadXMLDoc(url, elem_id)
{
   xmlhttp=null;
   if (window.XMLHttpRequest)
   {// code for Firefox, Opera, IE7, etc.
      xmlhttp=new XMLHttpRequest();
   }
   else if (window.ActiveXObject)
   {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
   if (xmlhttp!=null)
   {
      xmlhttp.open("GET",url,true);
      xmlhttp.send(null);
      xmlhttp.onreadystatechange = function() {
         if (xmlhttp.readyState==4)
         {// 4 = "loaded"
            if (xmlhttp.status==200)
            {// 200 = "OK"
               document.getElementById(elem_id).innerHTML=xmlhttp.responseText;
            }
            else
            {
               alert("Problem retrieving data:" + xmlhttp.statusText);
            }
         }
      }
   }
   else
   {
      alert("Your browser does not support XMLHTTP.");
   }
}

ID elementu, ktoreho obsah sa ma menit, je druhy parameter tejto fcie.

Inak ako pozeram, tvoja fcia sa vola loadXMLDoc. Ak teda chces pracovat s XML dokumentom, pouzi responseXML miesto responseText.

edit: este by som upravil podmienku

Kód:

if (xmlhttp.status==200)

na

Kód:

if ((xmlhttp.status>=200 && xmlhttp.status<=299) || xmlhttp.status==304 || (navigator.userAgent.indexOf('Safari') >= 0 && typeof xmlhttp.status == 'undefined'))

Kedze akykolvek status od 200 do 299 je dobry, alebo sa moze stat, ze dokument moze byt "nezmeneny" (304), alebo som sa docital, ze Safari moze mat s tymito statusmi nejake problemy. Ale v podstate je to drobnost.

Flety · Napísal autor témy **Flety**: 21.04.2009 20:15

Ďuri, vrelá vďaka

tá fcia, ktorú som sem hodil je z w3schools ale potreboval som si ju prerobiť na svoje, skúšal som všelijako ale ani by ma nenapadlo, že sa to zapisuje takto

Ešte raz, vďaka

Prerábka AJAX fcie

Podobné témy