Jump to content
php.lv forumi

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


astere

Recommended Posts

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 by astere
Link to comment
Share on other sites

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");

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...