易截截图软件、单文件、免安装、纯绿色、仅160KB

ajax复习

以我以前写的一个练习AJAX的会员注册页面为例。
下面这些主要是在输入用户名,光标离开输入框就进行判断该用户名是否合法的ajax方法。
(1)Xmlhttprequest AJAX之核心
function S_Xmlhttprequest(){
if(window.ActiveXObject) //IE
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
else if(window.XmlHTTPRequest) //非IE
xmlhttp = XmlHTTPRequest();
}
(2)AJAX函数,也就是在HTML中onblur=ajax()的函数
function ajax(){
/*
if(form1.textfield.value == ''){
document.getElementById('div1').innerHTML = "请输入用户名";
return false;
}
*/
S_Xmlhttprequest(); //调用Xmlhttprequest
var f = document.form1.textfield.value;
xmlhttp.onreadystatechange = show; //onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果
xmlhttp.open('GET','for.php?id='+f,true);
xmlhttp.send(null);
}
(3)ajax()调用的show()方法,就是对readyState各种不同状态采用不同行为的方法
 function show(){
if(xmlhttp.readyState == 1)
document.getElementById('div1').innerHTML = "<img src="loading.gif" mce_src="loading.gif">";
else if(xmlhttp.readyState == 4){
var result = xmlhttp.responseText;
document.getElementById('div1').innerHTML = result;
}
}
readyState的4种状态:
0 - (未初始化)还没有调用send()方法
1 - (载入)已调用send()方法,正在发送请求
2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成,可以在客户端调用了
 
responseText()方法在我看来,应该是返回PHP文件输出的内容。
 
 
 
最后附上那个for.php的内容:
<?
@header("content-Type: text/html; charset=gb2312");
include("MyDb.php");
$db = new MyDb($DB_LOCATION,$DB_USER,$DB_PWD);
$db->select_db('student');
if($user = $_GET['id']){
if( strlen($user)<6 || strlen($user)>12){
echo "<img src="error.gif" mce_src="error.gif"/><font color=red size=2>长度不符合</font>";
exit();
}
$zz = "^[_a-zA-Z0-9]+([_]?[a-zA-Z0-9]+)$";
if(!ereg($zz,$user)){
echo "


相关文档:

Ajax使用示例

/***************************by
garcon1986********************************/
Index.php:
<script type="text/javascript" src="ajax.js" ></script>
<a href="#" onclick="funphp('S')" >S</a>
<a href="for.php?url=E" >E</ ......

传智播客 教育办公系统基于AJAX对属性的修改

    1. 实现对属性的 Ajax 修改:
    1). 发送的 ajax 请求中需要包含哪些信息呢
        ①. 要修改的员工的 id.
        ②. 要修改的属性的名字.
        ③. 要修改的属性的值.
  ......

Ajax 参考

var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
 
    mesdivs = mesdiv;
    httpRequest = false;
    if (window.XMLHttpRequest) {
        httpRequest = new XMLHttpRequest();
......

Ajax示例

客户端代码:
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sl(url){
......

Ajax 和 REST,第 1 部分

2006 年 11 月 09 日
服务器端 Web 应用程序因采用富应用程序模型和交付个性化内容而具备了融入式(immersive) 的特点,这种特点越突出,应用程序架构对 Web 架构风格 REST(Representational State Transfer)的违背就越多。这种违背会降低应用程序的可伸缩性,增加系统复杂性。通过与 REST 相互协调,Ajax 架构将使融入 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号