mācos ajax, izveidoju skriptiņu, bet cik tas ir pareizs?

[astere]

Sveicināti, lēnā garā apgūstu js un tam piederīgos zvērus, saku uzreiz- iet grūti, jo no tā vienmēr izvairijos , tad nu lūdzu, uzrakstīju nelieku skriptiņu, bet baidoties, ka tas varētu būt caurs/kļūdains tad ceru uz jūsu palīdzību :) ..

function mainamSadalas(sadala,apaksadala) //funkcija pogu/sadalu mainai
{
saturaIelade(sadala,apaksadala) //funkcija satura ieladei no sadalas mainigajiem
var xmlhttp;
if (window.XMLHttpRequest)
	{
		xmlhttp=new XMLHttpRequest();// kods prieksh IE7+, Firefox, Chrome, Opera, Safari ->
	}
else if (window.ActiveXObject)
	{
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");// kods prieksh IE6, IE5
	}
else
	{
		alert("Jûsu interneta pârlûks neatbalsta XMLHTTP!");//ja neatbalsta neviens parluks
	}
var url="inc/pogas.php?sad="+sadala+"&ap_sad="+apaksadala+"&valoda=lv";
xmlhttp.open("GET",url,true);// datu iegushana: metode (get/post), links, un datu sinhronitate
xmlhttp.send(null);//faila atrashanas vieta, ja atrodas tajaa pashaa direktorijaa
xmlhttp.onreadystatechange=function()//datu sutisana/sanemsana
{
	switch(xmlhttp.readyState)
	{
	case 0:	// pieprasijums nesancee
		document.getElementById('pogas').innerHTML ="<center><img src='dizains/ieladejam.gif'></center>";
		break;
	case 1: // pieprasijums ieladejas
		document.getElementById('pogas').innerHTML ="<center><img src='dizains/ieladejam.gif'></center>";
		break;
	case 2: // pieprasijums ieladeets
		document.getElementById('pogas').innerHTML ="<center><img src='dizains/ieladejam.gif'></center>";
		break;
	case 3: // pieprasijums tiek apstradats
		document.getElementById('pogas').innerHTML ="<center><img src='dizains/ieladejam.gif'></center>";
		break;
	case 4:	// pieprasijums pabeigts
		document.getElementById('pogas').innerHTML=xmlhttp.responseText;
		break;
	default:
		break;
	}				
}
}

function saturaIelade(sadala,apaksadala)
{
var dabujamZinu;
if (window.XMLHttpRequest)
	{
		dabujamZinu=new XMLHttpRequest();// kods prieksh IE7+, Firefox, Chrome, Opera, Safari ->
	}
else if (window.ActiveXObject)
	{
		dabujamZinu=new ActiveXObject("Microsoft.XMLHTTP");// kods prieksh IE6, IE5
	}
else
	{
		alert("Jûsu interneta pârlûks neatbalsta XMLHTTP!");//ja neatbalsta neviens parluks
	}
var url="inc/funkcijas.php?sad="+sadala+"&ap_sad="+apaksadala+"&valoda=lv";
dabujamZinu.open("GET",url,true);// datu iegushana: metode (get/post), links, un datu sinhronitate
dabujamZinu.send(null);//faila atrashanas vieta, ja atrodas tajaa pashaa direktorijaa
dabujamZinu.onreadystatechange=function()//datu sutisana/sanemsana
{
	switch(dabujamZinu.readyState)
	{
	case 0:	// pieprasijums nesancee
		document.getElementById('saturs').innerHTML ="<center><img src='dizains/ieladejam.gif'></center>";
		break;
	case 1: // pieprasijums ieladejas
		document.getElementById('saturs').innerHTML ="<center><img src='dizains/ieladejam.gif'></center>";
		break;
	case 2: // pieprasijums ieladeets
		document.getElementById('saturs').innerHTML ="<center><img src='dizains/ieladejam.gif'></center>";
		break;
	case 3: // pieprasijums tiek apstradats
		document.getElementById('saturs').innerHTML ="<center><img src='dizains/ieladejam.gif'></center>";
		break;
	case 4:	// pieprasijums pabeigts
		document.getElementById('saturs').innerHTML=dabujamZinu.responseText;
		break;
	default:
		break;
	}				
}
}

 

Tātad, mērķis: nospiežot konkrētu pogu ir jāielādējas apakšizvēltnei (id=pogas) un teksta saturam id=saturs.

 

Kods iekš index.php

		<div class="izveltne_1">
			<button  id="pg10" onClick="mainamSadalas('1','0');">Poga1</button>
			<div id="pogas">
			<button  id="pg20" onClick="mainamSadalas('2','0');">Poga2</button>				
			<button  id="pg30" onClick="mainamSadalas('3','0');">Poga3</button>
			<button  id="pg40" onClick="mainamSadalas('4','0');">Poga4</button>				
			</div>
		</div>

	</div>
               <div id="saturs">	</div>

Edited October 4, 2009 by astere

[briedis]

Iesaku paprovēt, papētīt jQuery, tur visu to pašu šeit uzrakstīji var uzrakstīt 2x īsāk un saprotamāk...

Nenožēlosi :)

[codez]

Nevis 2x īsāk, bet 2-vās rindiņās:

 

$('#saturs').html('<center><img src="dizains/ieladejam.gif"></center>').load("inc/funkcijas.php?sad="+sadala+"&ap_sad="+apaksadala+"&valoda=lv");
$('#pogas').html('<center><img src="dizains/ieladejam.gif"></center>').load("inc/pogas.php?sad="+sadala+"&ap_sad="+apaksadala+"&valoda=lv");

[indoom]

Nu nav slikti arī iemācīties, kas lācītim vēderā

Te ir video apmācība par tīru js ajax pirmā daļa otrā daļa

Pēc tam varēs arī jQuery čekot.

[Cibiņš]

Pačolē šos štruntiņus http://jqueryui.com/, kā kas strādā utt.

 

Te būs arī palīdzība http://w3schools.com/ajax/default.asp

[rATRIJS]

Kāds sakars jQueryUI ar AJAX? o_O