Jump to content
Larry Ullman's Book Forums

Php Script Is Not Working After Adding Ajax

Recommended Posts

I'm trying to add new records into database using ajax layer. I'm following the example given in the book. My php script works fine itself. But when I add ajax.js and add_client.js, the script does not give result.


It seems like the script is not getting form values. I tried to print values after fields data, and the alert shows "This alert values shows "fname=null&lname=null&email=null"


When I run the script, the php script goes into query failure part. But I can say, that php script is alright but it is working fine, when run without ajax parts.



window.onload = init;

function init()


var ajax = getXMLHttpRequestObject();






document.getElementById('client_form').onsubmit =



ajax.open('post', 'add_client_xml.php');

ajax.onreadystatechange = function()




var fields = ['fname', 'lname', 'email'];

for(var i = 0; i < fields.length; i++)


fields = fields + '=' + encodeURIComponent(document.getElementById(fields.value));



var values = fields.join('&');




This alert values shows "fname=null&lname=null&email=null"

Share this post

Link to post
Share on other sites

I think your problem is here:


fields = fields + '=' + encodeURIComponent(document.getElementById(fields.value));


Change the end to the following:




Basically, move one of the right parentheses. Note that the getElementById method needs the ID of an HTML element, and once you have that DOM object, you can get the value of it (if it's an input element) using the value property.


Make sense?

  • Upvote 1

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now