来自 新葡8455编程 2020-01-01 20:43 的文章
当前位置: 新葡棋牌京官网app > 新葡8455编程 > 正文

简单示例AJAX结合PHP代码实现登录效果代码

HTML部分:
<html>
<head>
<scrīpt language="javascrīpt">
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);
}

1.guestbook.php(留言程序)
<html>
<head>
<script language="JavaScript">
<!--
<!--
    var hellotext="为了您的最佳浏览效果请您使用IE4.0以上的版本和800*600分辨率"
    var thetext=""
    var started=false
    var step=0
    var times=1

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

    function welcometext()
    {
      times--
      if (times==0)
      {
        if (started==false)
        {
          started = true;
          window.status = hellotext;
          setTimeout("anim()",1);
        }
        thetext = hellotext;
      }
    }

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);

</scrīpt>
</head>

    function showstatustext(txt)
    {
      thetext = txt;
      setTimeout("welcometext()",4000)
      times++
    }

<body>
<Center>

    function anim()
    {
      step++
      if (step==7) {step=1}
      if (step==1)
{window.status='>==='+thetext+'===<'}
      if (step==2)
{window.status='=>=='+thetext+'==<='}
      if (step==3)
{window.status='>=>='+thetext+'=<=<'}
      if (step==4)
{window.status='=>=>'+thetext+'<=<='}
      if (step==5)
{window.status='==>='+thetext+'=<=='}
      if (step==6)
{window.status='===>'+thetext+'<==='}
      setTimeout("anim()",200);
    }
  // -->
welcometext();

<form name="f1" ōnSubmit="return call_login();">
<table border="0" bgcolor="#CCCCCC" cellspacing="1" cellpadding="3" width="316">
<tr>
<td align="left" colspan="2"><b><font size="5" color="#000080">Login</font></b></td>
</tr>
<tr>
<td align="right" width="124"><b><font color="#000080">User
Name:</font></b></td>
<td width="177"><input type="text" name="username" id="user" size="20" value="" /></td>
</tr>
<tr>
<td align="right" width="124"><b><font color="#000080">Password:</font></b></td>
<td width="177"><input type="password" name="password" size="20" value="" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" name="a1" value="Login" 
ōnClick="call_login()"></td>
</tr>
</table>
</form>

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<title>天地网络留言版</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<style type="text/css">
<!--
a:link {  font-size: 9pt; color: #FFFFFF}
-->
</style>
<body>
<?
$PAGESIZE=5;
$db=mysql_connect("localhost","root","");
mysql_select_db("lyanban",$db);
$result=mysql_query("SELECT * FROM message order by date desc",$db);
$rowcount=mysql_num_rows($result);
$PAGES=CEIL($rowcount/$PAGESIZE);
if($rowcount==0)
{echo "目前没有留言!<a href=guestbook.htm>欢迎您留言!</a>";}

</center>
</body>
</html>

if($rownum == "")
{
$rownum = 1;

PHP脚本部分login.php:

}
$AA=CEIL($rownum/5);
$i=0 ;
echo "<TABLE WIDTH=100%><td><div align=center><font size=2 color=#000000><B>共有留言:$rowcount 条     共:$PAGES 页        <right>现在是第 $AA 页</right></B></font></div></td>";
echo "<hr size=1 color=#ccccff  width=75%>";
while ($myrow=mysql_fetch_array($result)){
$i++;
      if(($i>=$rownum)&&($i<$rownum+5)){
     echo "<table width=75% border=1 cellspacing=0 cellpadding=0 align=center bordercolordark=#FFFFFF bordercolorlight=#000000 background=15.JPG>";
     echo "<tr><td width=15%><div align=center><font size=2 color=#FFFFFF>姓  名</font></div></td><td width=85%><font size=2 color=#FFFFFF>$myrow[username]</font></td></tr>";
     echo "<tr><td width=15%><div align=center><font size=2 color=#FFFFFF>电子信箱</font></div></td><td width=85%><font size=2 color=#FFFFFF><a href="mailto:$myrow[email]">$myrow[email]</font></a></td></tr>";
     echo "<tr><td width=15%><div align=center><font size=2 color=#FFFFFF>公司主页</font></div></td><td width=85%><font size=2 color=#FFFFFF><a href=$myrow[homepage] target=_blank>$myrow[homepage]</font></a></td></tr>";
     echo "<tr><td width=15%><div align=center><font size=2 color=#FFFFFF>留言主题</font></div></td><td width=85%><font size=2 color=#FFFFFF>$myrow[topic]</font></td></tr>";
     echo "<tr><td width=15%><div align=center><font size=2 color=#FFFFFF>留言内容</font></div></td><td width=85%><font size=2 color=#FFFFFF>$myrow[content]</font></td></tr>";
     echo "<tr><td width=15%><div align=center><font size=2 color=#FFFFFF>留言时间</font></div></td><td width=85%><font size=2 color=#FFFFFF>$myrow[date]</font></td></tr>";
     echo "</table><hr size=1 color=#ccccff  width=75%>";}
    }
echo "<table width=100%><tr><td width=87%>";
#判断是否有上一页或下一页(10行换页)

本文由新葡棋牌京官网app发布于新葡8455编程,转载请注明出处:简单示例AJAX结合PHP代码实现登录效果代码

关键词: