Returning two separate pieces of info?

[galvin]

I'm sure this is easy, but I'm pretty new to AJAX.

 

I have the standard code below to call to the server file called "compare.php"...

	var xmlHttp;
try {  // Firefox, Opera 8.0+, Safari 
	xmlHttp=new XMLHttpRequest();
} catch (e) {  // Internet Explorer 
	try {
		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e) {
			alert("Your browser does not support AJAX!");
			xmlHttp=null;
		}
	}
}
if (xmlHttp !== null) {
	xmlHttp.onreadystatechange=function() {
		if(xmlHttp.readyState==4 && xmlHttp.status==200 && xmlHttp.responseText!=="incorrectguess") {

			var response = xmlHttp.responseText;
			compare(response);		

		}
	}

	xmlHttp.open("GET","compare.php?quizid=<?php echo $quizid; ?>&userinput=" + escape(val),true);
	xmlHttp.send(null);



}
}

 

Righ now, the compare.php page queries the database and echos back one piece of info (the answerid) this way...

 

echo $getanswers['answerid'];

 

This works fine.  However, now I would like compare.php to send back the answerid AND another piece of info (we'll call "answertext"). 

 

How do I write the code on either compare.php or on my originating page to send back TWO pieces of info so that I can then use either or both?  I assume the compare.php code would simply be this...

 

echo $getanswers['answerid'];
echo $getanswers['answertext'];

 

But how can i break that into two separate pieces of data back on my originating page (in the AJAX code above)?

 

Do I have to do something along the lines of...

var response1 = xmlHttp.responseText;
var response2 = xmlHttp.responseText;
			compare(response1);

...but somehow "explode" the xmlHttp.responseText above, to break up the two values? 

 

Or is there an easier way I'm missing?