Ajax Suggest

[Aditya Kanitkar]

hi,

There is an example on w3schools in which Ajax Suggest Code is given.

Following files are used for said example....
1. One HTML file.
2. A Java Script File
3. An ASP file which contains suggestions in an array.

From this asp file they are trying to fetch Suggestions as per key is pressed.

After i followed all the instructions,
problem is that whenever i type any alphabet, whole ASP code is getting attached
with suggestion area.
And i've also tried with PHP file instead of ASP but still, result is same.......

I've tried it on Chrome, IE7 and FireFox....

Please help....

Ref link : http://www.w3schools.com/Ajax/ajax_source.asp

[Eric Pascarello]

Is your server set up to execute asp or php?

Eric

[David Newton]

(Placeholder message 'cuz I want to see how this one pans out: morbid curiosity.)

[Eric Pascarello]

David Newton wrote:(Placeholder message 'cuz I want to see how this one pans out: morbid curiosity.)

You could always click the watch button. Also UseRealWords because 'cuz is not a word. :)

[David Newton]

Meh; watching is too hard. I get too much email as it is. Is "meh" a word yet?

[Aditya Kanitkar]

Eric Pascarello wrote:Is your server set up to execute asp or php?

Eric

Not actually.

I dont have any server around here. I'm just doing it on my local machine.

But is that the cause for my problem...?? Do i have to setup some server to execute
ASP or PHP....?

[Bear Bibeault]

Ummm, yes.

[Aditya Kanitkar]

Bear Bibeault wrote:Ummm, yes.

Ok. So can you tell me how to do that please?

[Bear Bibeault]

Can't help you with ASP as I don't use Windows. Enabling PHP in Apache is fairly easy on OS X -- so I imagine it'd be pretty much the same elsewhere.

A google search should give you what you need.

[David Newton]

If you're just trying things out you don't necessarily need a back-end language, you can return static data.

[Aditya Kanitkar]

David Newton wrote:If you're just trying things out you don't necessarily need a back-end language, you can return static data.

This is the javascript file.....

   var xmlhttp;

function showHint(str)
{
	if (str.length==0)
	{
		document.getElementById("txtHint").innerHTML="";
		return;
	}
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null)
	{
		alert ("Your browser does not support XMLHTTP!");
		return;
	}
	var url="getHint.asp";// Here they've tried to create a URL with this file.
	url=url+"?q="+str;
	url=url+"&sid="+Math.random();
	xmlhttp.onreadystatechange=stateChanged;
//	alert(url);
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}

function stateChanged()
{
	if (xmlhttp.readyState==4)
	{
		document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
	}
}

function GetXmlHttpObject()
{
	if (window.XMLHttpRequest)
	{
		// code for IE7+, Firefox, Chrome, Opera, Safari
		return new XMLHttpRequest();
	}
	if (window.ActiveXObject)
	{
		// code for IE6, IE5
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
	return null;
} 

And this is getHint.asp

   <%
	response.expires=-1
	dim a(30)
	'Fill up array with names
	a(1)="Anna"
	a(2)="Brittany"
	a(3)="Cinderella"
	a(4)="Diana"
	a(5)="Eva"
	a(6)="Fiona"
	a(7)="Gunda"
	a(8)="Hege"
	a(9)="Inga"
	a(10)="Johanna"
	a(11)="Kitty"
	a(12)="Linda"
	a(13)="Nina"
	a(14)="Ophelia"
	a(15)="Petunia"
	a(16)="Amanda"
	a(17)="Raquel"
	a(18)="Cindy"
	a(19)="Doris"
	a(20)="Eve"
	a(21)="Evita"
	a(22)="Sunniva"
	a(23)="Tove"
	a(24)="Unni"
	a(25)="Violet"
	a(26)="Liza"
	a(27)="Elizabeth"
	a(28)="Ellen"
	a(29)="Wenche"
	a(30)="Vicky"

	'get the q parameter from URL
	q=ucase(request.querystring("q"))

	'lookup all hints from array if length of q>0
	if len(q)>0 then
	  hint=""
	  for i=1 to 30
		if q=ucase(mid(a(i),1,len(q))) then
		  if hint="" then
			hint=a(i)
		  else
			hint=hint & " , " & a(i)
		  end if
		end if
	  next
	end if

	'Output "no suggestion" if no hint were found
	'or output the correct values
	if hint="" then
	  response.write("no suggestion")
	else
	  response.write(hint) // From here the data get printed on HTML document
	end if
%> 

So, now i just want to print static data like Mr. David said.....

[Bear Bibeault]

You can't do that with ASP. If you want to serve ASP, you'll need to set up an ASP server. Plain and simple. No other way around it.

If you want to serve a static file, you'll need to create a text file with the static text that you want returned. No ASP. No PHP. No code of any type. Just text.

[David Newton]

(Morbid curiosity satisfied.)

[Aditya Kanitkar]

Bear Bibeault wrote:You can't do that with ASP. If you want to serve ASP, you'll need to set up an ASP server. Plain and simple. No other way around it.

If you want to serve a static file, you'll need to create a text file with the static text that you want returned. No ASP. No PHP. No code of any type. Just text.

Now i'm using JSP instead of ASP or PHP and these files are put inside eclipse project.
Now i'm getting what is expected....

But my new question is....

As we are returning the responseText in this Javascript Function....

function stateChanged()   
{   
    if (xmlhttp.readyState==4)   
    {   
        document.getElementById("txtHint").innerHTML=xmlhttp.responseText;   
    }   
}  

Is there such rule in AJAX that the responseText will be returned only once...??
I mean if i want to return Multiple results as various responseText....
Can we do that?

[Bear Bibeault]

One request == one response.

[David Newton]

If you need more data, consider returning JSON (or XML if you must).