
February 12th, 2013, 12:07 PM
|
|
Registered User
|
|
Join Date: Feb 2013
Posts: 2
Time spent in forums: 32 m 25 sec
Reputation Power: 0
|
|
|
Passing Data To External PHP File From JavaScript File
Hi Everyone
I have the following js function which is located in its own file named checkUsername.js :
Code:
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
Code:
<?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!
|