Home > Backend Development > PHP Tutorial > 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
Release: 2016-07-21 15:51:25
Original
910 people have browsed it

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...
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template