Passing data to externam PHP file from JavaScript File

[iammat]

Hi Everyone

 

I know this is technically a javascript question.. but I was looking for some help.

 

I have the following js function which is located in its own file named checkUsername.js :

 

function checkUsername(){
var status = document.getElementById("usernamestatus");
var u = document.getElementById("uname").value;
if(u != ""){
status.innerHTML = 'checking...';
var hr = new XMLHttpRequest();
hr.open("POST", "passUsername.php", true);
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
hr.onreadystatechange = function() {
if(hr.readyState == 4 && hr.status == 200) {
status.innerHTML = hr.responseText;
}
}
var v = "name2check="+u;
hr.send(v);
}
}

 

I have the following PHP file named passUsername.php which is located in the same directory as checkUsername.js

 

<?php

include_once('../classes/validation.class.php');



echo 'Hello'; // Testing purposes





?>

 

It seems the data is not being sent to the PHP file from the javascript file. On the HTML page the output "Checking..." appears but then nothing else. I have tried this with all code in the same file and it works, but I really do not want to jam everything into one file.

 

Clearly I am calling the PHP file incorrectly in the js function, would anyone be able to tell me how I should call it?

 

Thanks for your time!

[Jessica]

What happens when you navigate directly to the php file?

[iammat]

Hi Jessica

 

If i nav to the PHP file I just get a blank screen ( unless I comment out the if statement) in which case I get "Hello"

[Jessica]

There is no if statement in the code you posted. 

 

That also indicates you need to enable error reporting, set to E_ALL so you can get useful errors and notices.

[iammat]

I must have removed it before posting the code.. sorry!

 

I will enable E_ALL to get useful errors

 

Thanks for the tips!

[iammat]

I am still trying to fix this

[Jessica]

Good for you...