Ajax not working?

Hi,

Please see attached php files; the first one (ajax_test.php) is supposed to take the name selected from the pulldown & look it up in a corresponding table on the web server. Try running it at www.rkassoc.org/FWLSCO/ajax_test.php. It returns nothing (or if it does, I can't seem to detect how to see it).

Note I DO NOT want the result displayed directly on the page; I will use it for something else.

I suspected that the server program was at fault so I tried it directly using http://rkassoc.org/FWLSCO/getcustomer.php?q=BALCH/BRADY (I know that name is in the database). It worked properly.

What's wrong?

You may wonder why I am trying this; this is just to see if I can do it like this, the real application will be more complex.

Thanks
ajax-test.php
getcustomer.php
Richard KortsAsked:
Who is Participating?
 
Slick812Commented:
greetings  rkorts, ,  You have very many things of Code in your ajax setup (browser and server side code) that are incorrect or just barely functional, I would think the Main Problem is this line of code in JS -
       document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

as a Javascript technicality the FORM inputs as a -
<input type="hidden" name="txtHint" id = "txtHint">
 do NOT have any innerHTML , as an Input it has a "value" that can be read or write to, SO, this may can work -
       document.getElementById("txtHint").value=xmlhttp.responseText;

also in your Ajax connection you have some simple altervives -
     xmlhttp=new XMLHttpRequest();
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

these really need to be in  javascript  "try" catch blocks, because in a few browsers there may be problems and no connection is made.

AND  for page development and testing, you need to have a visible PAGE output to tell you what is returned from the AJAX request, so you know that the correct response is being retrieved, otherwise you are Blind to what's happening and ask questions here on experts, just to get some idea what it does, as you say - "I can't seem to detect how to see it"
Can help with ajax code if you need that, HOWEVER, there are a thousand javascript Ajax add-on and librarys that do Ajax, and are fully tested.
But you really do not even need to do any AJAX, for this as you already have the First and Last names in the SELECT, all you have to do is use JS to change the value of the hidden input to the names from the select.
Ask questions if you need more information!
0
 
GaryCommented:
Seems to be working fine for me.
What makes you think it is not working?
0
 
Richard KortsAuthor Commented:
To Cathal,

Note the Javascript function show_sel which is run onLoad; it does not run when the server process is completed. Or maybe that is not an "onLoad"?

Thanks
0
Cloud Class® Course: Amazon Web Services - Basic

Are you thinking about creating an Amazon Web Services account for your business? Not sure where to start? In this course you’ll get an overview of the history of AWS and take a tour of their user interface.

 
InsoftserviceCommented:
if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
 document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
show_sel();
}

it would not run onLoad as you have already loaded your page and later operation is performed.
You have to call the function explicitly
0
 
Ray PaseurCommented:
The "modern" approach to AJAX is to use jQuery (since about 2005).  This article teaches the basics.
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Jquery/A_10712-The-Hello-World-Exercise-with-jQuery-and-PHP.html

And the code you have in there is ripe for getting your database clobbered.  You'll need to get off of MySQL anyway, since PHP is doing away with MySQL support.  This article explains why and what you must do to keep your scripts running in the future.
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/PHP_Databases/A_11177-PHP-MySQL-Deprecated-as-of-PHP-5-5-0.html
0
 
Chris StanyonCommented:
May not help you out on this problem, but the way you are coding is 'old-school'.

In your PHP script you are using the deprecated mysql functions (you need to switch to mysqli or PDO)

For doing this kind of thing, unless you can come up with a very good reason not to, start using jQuery. Running AJAX scripts using jQuery, your whole javascript code becomes 2 or 3 lines of code - robust, clean and fully cross-browser compliant.

And just for my own curiousity - why on earth are you targetting IE5 and IE6!!
0
 
Chris StanyonCommented:
haha - Ray - at least we're on the same wavelength :)
0
 
Richard KortsAuthor Commented:
To all,

With the exception of 1 or two lines, I copied the sample ajax code from a sample given at w3 schools. I have no clue about why they are concerned about IE5 & 6.

I am aware of the MySQL issue. Thank you for pointing that out.

I figured out a way to do what I need without going back to the server with Ajax.
0
 
Ray PaseurCommented:
I have no clue about why they are concerned about IE5 & 6.
It's because their code example is many years out of date.  And now that you've copied it, you've made your code many years out of date, too.  Copying the code without understanding the code is AntiPractice #1!

Next time before you copy something you don't understand, stop by EE and ask if it's a good idea to use that example, or if there is a better example available.  We have a lot of articles here that can help you keep things up-to-date, follow best practices, etc.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.