(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

创建XMLHttpRequest的Js代码--xml_http_request.js

// method that sets up a cross-browser XMLHttpRequest object
}

登陆控制器代码--login_controller.js

// js handling the login procedures
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

// constants
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var NORMAL_STATE = 4;
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var LOGIN_PREFIX = 'login.php?';
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

// variables
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var http = getHTTPObject(); // We create the HTTP Object
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var hasSeed = false;
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var loggedIn = false;
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var seed_id = 0;
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var seed = 0;
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var fullname = '';
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var messages = '';
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

// getSeed method: gets a seed from the server for this transaction
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

function getSeed()
}

login_presentation.js代码

var showingLoggedIn = false;
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var messageElement = false;
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

var messageP = false;
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

// focusField method: called when username and password gain focus
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

function focusField()
addEvent(window,'load',setupLogin);

部分页面代码-login.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

"http://www.w3.org/TR/html4/loose.dtd">
(AJAX登陆例子部分JS代码)--JamesDam.com - "AJAX" Login System Demo

<html>

<head>

<title>JamesDam.com ≈ AJAX Login System Demo</title>

其中,除了我们要学习XMLHttpRequest对象的使用之外,我们还要学习document对象的使用,我贴这些代码的原因就是代码中多次出现document对象的使用方法.希望在以后的项目和工作中得到参考.