Help – AJAX with Javascript Array

Hi,

I am new to both AJAX and Javascript and needed some help regarding the technicalities.

I have a [B]PHP script called studentrandomgrind.php [/B]which generates a new set of Array data (in which data is being randomized), in this case data is being drawn from Database to PHP then writes to this file called myStudentRandomArray.js.

[B]
myStudentRandomArray.js stores the array data being written and the array data looked like this. [/B]

[code]
var myStudentRandomArray= new Array(12);

myStudentRandomArray[0]= new Array(7);
myStudentRandomArray[0][0] = “080344J”;
myStudentRandomArray[0][1] = “Bill”;
myStudentRandomArray[0][2] = “Shipping”;
myStudentRandomArray[0][3] = “great idea never sleeps”;
myStudentRandomArray[0][4] = “41”;
myStudentRandomArray[0][5] = “actual_1292396064.jpg”;
myStudentRandomArray[0][6] = “thumbnail_1292396064.jpg”;

myStudentRandomArray[1]= new Array(7);
myStudentRandomArray[1][0] = “081234A”;
myStudentRandomArray[1][1] = “Ann”;
myStudentRandomArray[1][2] = “IxD”;
myStudentRandomArray[1][3] = “asdasdasda123”;
myStudentRandomArray[1][4] = “22”;
myStudentRandomArray[1][5] = “actual_1292326696.jpg”;
myStudentRandomArray[1][6] = “thumbnail_1292326696.jpg”;

myStudentRandomArray[2]= new Array(7);
myStudentRandomArray[2][0] = “081234E”;
myStudentRandomArray[2][1] = “Daniel”;
myStudentRandomArray[2][2] = “DA”;
myStudentRandomArray[2][3] = “”;
myStudentRandomArray[2][4] = “24”;
myStudentRandomArray[2][5] = “actual_1292384238.jpg”;
myStudentRandomArray[2][6] = “thumbnail_1292384238.jpg”;

myStudentRandomArray[3]= new Array(7);
myStudentRandomArray[3][0] = “081234M”;
myStudentRandomArray[3][1] = “Mary”;
myStudentRandomArray[3][2] = “DA”;
myStudentRandomArray[3][3] = “”;
myStudentRandomArray[3][4] = “52”;
myStudentRandomArray[3][5] = “actual_1292403298.jpg”;
myStudentRandomArray[3][6] = “thumbnail_1292403298.jpg”;

myStudentRandomArray[4]= new Array(7);
myStudentRandomArray[4][0] = “081433R”;
myStudentRandomArray[4][1] = “Dada”;
myStudentRandomArray[4][2] = “Shipping”;
myStudentRandomArray[4][3] = “furry balls rulez!!!”;
myStudentRandomArray[4][4] = “50”;
myStudentRandomArray[4][5] = “actual_1292397765.png”;
myStudentRandomArray[4][6] = “thumbnail_1292397765.png”;

myStudentRandomArray[5]= new Array(7);
myStudentRandomArray[5][0] = “082057T”;
myStudentRandomArray[5][1] = “Veronica”;
myStudentRandomArray[5][2] = “Shipping”;
myStudentRandomArray[5][3] = “I am design god”;
myStudentRandomArray[5][4] = “20”;
myStudentRandomArray[5][5] = “actual_1292317432.png”;
myStudentRandomArray[5][6] = “thumbnail_1292317432.png”;

myStudentRandomArray[6]= new Array(7);
myStudentRandomArray[6][0] = “082568z”;
myStudentRandomArray[6][1] = “Nana”;
myStudentRandomArray[6][2] = “Shipping”;
myStudentRandomArray[6][3] = “i am woohoo”;
myStudentRandomArray[6][4] = “54”;
myStudentRandomArray[6][5] = “actual_1292465608.png”;
myStudentRandomArray[6][6] = “thumbnail_1292465608.png”;

myStudentRandomArray[7]= new Array(7);
myStudentRandomArray[7][0] = “083281Z”;
myStudentRandomArray[7][1] = “Gary”;
myStudentRandomArray[7][2] = “Shipping”;
myStudentRandomArray[7][3] = “find yourselves”;
myStudentRandomArray[7][4] = “48”;
myStudentRandomArray[7][5] = “actual_1292396917.png”;
myStudentRandomArray[7][6] = “thumbnail_1292396917.png”;

myStudentRandomArray[8]= new Array(7);
myStudentRandomArray[8][0] = “083824P”;
myStudentRandomArray[8][1] = “Sharon”;
myStudentRandomArray[8][2] = “Shipping”;
myStudentRandomArray[8][3] = “I am awesome, thats why i am a designer.”;
myStudentRandomArray[8][4] = “46”;
myStudentRandomArray[8][5] = “actual_1292396449.png”;
myStudentRandomArray[8][6] = “thumbnail_1292396449.png”;

myStudentRandomArray[9]= new Array(7);
myStudentRandomArray[9][0] = “083862W”;
myStudentRandomArray[9][1] = “Seven”;
myStudentRandomArray[9][2] = “Shipping”;
myStudentRandomArray[9][3] = “”;
myStudentRandomArray[9][4] = “8”;
myStudentRandomArray[9][5] = “actual_1292310536.png”;
myStudentRandomArray[9][6] = “thumbnail_1292310536.png”;

myStudentRandomArray[10]= new Array(7);
myStudentRandomArray[10][0] = “084371k”;
myStudentRandomArray[10][1] = “sam”;
myStudentRandomArray[10][2] = “Shipping”;
myStudentRandomArray[10][3] = “a douchebag of your magnitude.”;
myStudentRandomArray[10][4] = “12”;
myStudentRandomArray[10][5] = “actual_1292311313.jpg”;
myStudentRandomArray[10][6] = “thumbnail_1292311313.jpg”;

myStudentRandomArray[11]= new Array(7);
myStudentRandomArray[11][0] = “085886W”;
myStudentRandomArray[11][1] = “Calvin”;
myStudentRandomArray[11][2] = “Shipping”;
myStudentRandomArray[11][3] = “I Imagine & I Create”;
myStudentRandomArray[11][4] = “25”;
myStudentRandomArray[11][5] = “actual_1292392687.png”;
myStudentRandomArray[11][6] = “thumbnail_1292392687.png”;

[/code]

I have my [B]mainpagetest.php[/B], in which I wanted to use AJAX to send a request to studentrandomgrind.php, which generates a new set of Array, and then, using it to change my dynamic data.

[B]I don’t really have an idea on the how-to in writing it out, so I needed help.[/B]

[B]My mainpagetest.php code is[/B]

[code]

<script type=”text/javascript” src=”js/myStudentRandomArray.js”></script>

<script type=”text/javascript”>

function loadXMLDoc()
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
//how to I write it so that when the array is ready, it changes my array content? where could I write “document.write(myStudentRandomArray[3][0]);”?

//var databack = xmlhttp.responseText;
//document.getElementById(“myDiv”).innerHTML=databack;
//document.write(myStudentRandomArray[3][0]);

}
}

xmlhttp.open(“POST”,”studentrandomgrind.php”,true);
xmlhttp.send();
}
</script>

<h2>AJAX</h2>
<div id=”myDiv”>
<script type=”text/javascript”>
//document.write(myStudentRandomArray[3][0]);
</script>
</div>
<button type=”button” onclick=”loadXMLDoc()”>Request data</button>
[/code]

[B]Thanks in advance![/B]

Also in #JavaScript _↴