I know this has been explained before but I can not get it to work in my code. I also read that XMLHttpRequest was being deprecated. If so can someone please explain how to do this correctly.
function readObject(file)
{
var verticesCoord = new Array();
var normalCoord = new Array();
var textureCoord = new Array();
var faceCoord = new Array();
var objFile = new XMLHttpRequest();
objFile.open("GET", file, false);
objFile.onreadystatechange = function ()
{
if(objFile.readyState === 4)
{
if(objFile.status === 200 || objFile.status == 0)
{
var responseObj = objFile.responseText;
var lines = responseObj.split(/\r?\n/);
lines.forEach (line =>
{
switch(line.substring(0,2))
{
case 'v ':
verticesCoord.push(line);
break;
case 'vn':
normalCoord.push(line);
break;
case 'vt':
textureCoord.push(line);
break;
case 'f ':
faceCoord.push(line);
break;
}
});
}
}
alert(verticesCoord); // This Works
objFile.send({vertices: verticesCoord, normal: normalCoord, textureCoord: textureCoord, faces: faceCoord,});
}
objFile.send(null);
}
var sphere = readObject('data/test.obj');
alert(sphere); // This returns undefined
This return undefined. Again sorry, this has been asked 100s of times but I'm not getting it. Thanks.