Home  >  Article  >  Backend Development  >  Simple example of AJAX combined with PHP code to implement login effect code_PHP tutorial

Simple example of AJAX combined with PHP code to implement login effect code_PHP tutorial

WBOY
WBOYOriginal
2016-07-21 15:51:25855browse

HTML部分:



function postRequest(strURL){
var xmlHttp;
if(window.XMLHttpRequest){ // For Mozilla, Safari, ...
var xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject){ // For Internet Explorer
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.open('POST', strURL, true);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4){
updatepage(xmlHttp.responseText);
}
}
xmlHttp.send(strURL);
}

function updatepage(str){
if(str=="yes"){
alert("Welcome User");
}else{
alert("Invalid Login! Please try again!");
}
}

function call_login(){
var username = window.document.f1.username.value;
var password = window.document.f1.password.value;
var url = "login.php?username=" + username + "&password=" +password ;
postRequest(url);










Login


User
Name:




Password:



ōnClick="call_login()">









PHP脚本部分login.php:

$username=$_GET["username"];
$password=$_GET["password"];
if($username=="admin" && $password=="admin"){
echo "yes";
}else{
echo "No";
}
?>

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/319162.htmlTechArticleHTML部分: html head scrīptlanguage="javascrīpt" functionpostRequest(strURL){ varxmlHttp; if(window.XMLHttpRequest){//ForMozilla,Safari,... varxmlHttp=newXMLHttpRequest(); } e...
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn