ajax無重新整理使用者登入

最後更新：2017-01-13 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>prototype例子--ajax無重新整理使用者登入</title>
<style type="text/css">
body{font-size:13px;}
#msg{color:red;text-align:left;font-size:14px;}
.txt{width:120px;border:1px solid #000;}
</style>
<script src="prototype.js" type="text/javascript"></script>
<script type="text/javascript">
/*
標題：簡單的prototype.js例子
功能：ajax無重新整理使用者登入
來自：www.111cn.net
作者：wangsdong
轉載請保留此資訊，謝謝
*/
function chkfrom(obj)
{
$("msg").innerHTML="";
var opt = {
method: 'get',
onSuccess: function(t)
{
  m=t.responseText;
  switch(m)
  {
     case "1":
     {
         $("msg").innerHTML="使用者名稱和密碼不可為空！";
      return false;
      break;
     }
     case "2":
     {
        $("msg").innerHTML="錯誤的使用者名稱和密碼。";
     return false;
     break;
     }
     case "3":$("content").innerHTML="恭喜你，登入成功！";break;
  }
},
on404: function(t)
{
  $("msg").innerHTML='錯誤：找不到提交頁!';
  return false;
},
onFailure: function(t)
{
  $("msg").innerHTML='錯誤：' + t.status + t.statusText;
  return false;
},
asynchronous:true
}
var ajax=new Ajax.Request('login.asp?'+getRequestBody(obj), opt);
}

function getRequestBody(oForm)
{
var aParams = new Array();
for (var i=0 ; i < oForm.elements.length; i++) {
var sParam = encodeURIComponent(oForm.elements[i].name);
sParam += "=";
sParam += encodeURIComponent(oForm.elements[i].value);
aParams.push(sParam);
}
return aParams.join("&");
}

</script>
</head>

<body>
<div id="content">
   <form action="#" name="form1" id="form1">
       <table>
      <tr>
         <th colspan="2">登入</th>
      </tr>
      <tr>
         <td width="72">使用者名稱:</td>
      <td width="168"><input type="text" name="username" id="username" class="txt">
         </td>
      </tr>
      <tr>
         <td>密碼:</td>
      <td><input type="password" name="password" id="password" class="txt">
         </td>
      </tr>
      <tr>
         <td> </td>
      <td><input type="button" name="submit" id="submit" value="登入" onclick="javascript:chkfrom(this.form)"></td></tr>
       </table>
    </form>
</div>
<div id="msg"></div>
</body>
</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More