Solved

Ajax not working?

Posted on 2014-01-28
9
321 Views
Last Modified: 2014-01-28
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
0
Comment
Question by:Richard Korts
  • 2
  • 2
  • 2
  • +3
9 Comments
 
LVL 58

Expert Comment

by:Gary
Comment Utility
Seems to be working fine for me.
What makes you think it is not working?
0
 

Author Comment

by:Richard Korts
Comment Utility
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
 
LVL 15

Expert Comment

by:Insoftservice
Comment Utility
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
 
LVL 33

Accepted Solution

by:
Slick812 earned 500 total points
Comment Utility
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
Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

 
LVL 108

Expert Comment

by:Ray Paseur
Comment Utility
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
 
LVL 42

Expert Comment

by:Chris Stanyon
Comment Utility
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
 
LVL 42

Expert Comment

by:Chris Stanyon
Comment Utility
haha - Ray - at least we're on the same wavelength :)
0
 

Author Comment

by:Richard Korts
Comment Utility
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
 
LVL 108

Expert Comment

by:Ray Paseur
Comment Utility
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

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Part of the Global Positioning System A geocode (https://developers.google.com/maps/documentation/geocoding/) is the major subset of a GPS coordinate (http://en.wikipedia.org/wiki/Global_Positioning_System), the other parts being the altitude and t…
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now