随笔 - 303  文章 - 883  trackbacks - 0
<2008年2月>
272829303112
3456789
10111213141516
17181920212223
2425262728291
2345678

欢迎光临! 
闲聊 QQ:1074961813

随笔分类(357)

我管理的群

公共blog

  • n维空间
  • Email : java3d@126.com 群 : 12999758

参与管理的论坛

好友的blog

我的其他blog

朋友的网站

搜索

  •  

最新评论

该代码在记事本中书写,没经过测试,敬请注意。该文目的在于讲明原理。语言为C# 2005,从代码和原理角度看,该代码可以java等其他平台上使用都几乎没区别。我希望你看完这个文之后,会感叹到AJAX的简单使用其实并不复杂。



ajax.js //ajax的函数都放在这里

//声明XMLHttpRequest对象
var xmlHttp;

//该方法可以复制被使用
//
创建XMLHttpRequest对象
funciton createXMLHttp()
{
    
if(window.XMLHttpRequest) 
    
{
       xmlHttp 
= new XMLHttpRequest();//mozilla浏览器
    }
    
    
else if(window.ActiveXObject)
    
{
      
try
      
{
           xmlHttp 
= new ActiveXObject("Msxml2.XMLHttp");//旧IE版本
      }
catch(e){}
      
try
      
{
           xmlHttp 
= new ActiveXObject("Microsoft.XMLHttp");//新IE版本
      }
catch(e){}        
     }

     
if(!xmlHttp)
     
{
        window.alert(
"对不起!无法创建XMLHttpRequest对象");
        
return false;
     }

}


//执行检查用户的回调函数
//
数据发送给服务器之后,会使用改函数检查是
//
否发送成功
function checkUserName()
{
    
if(xmlHttp,readyState == 4)//判断对象状态
    {
         
if(xmlHttp.status == 200)//信息成功返回,开始处理信息
         {
            
//获取服务器发来的返回值,根据情况改变页面某些元素
 
            
//responseText适合小量信息,responseXML适合大量信息
            if(xmlHttp.responseText="true")//对应doRequest.aspx中的Response.Write("true");
            {
                 document.getElementById(
"imageName").src="image/true.gif";
               
//改变页面上一图片文件
            }

            
else
            
{
                 document.getElementById(
"imageName").src="image/false.gif";
            }
 
         }

    }

}


//检查用户名是否存在
//
onkeyup = "CheckName(document.getElementById('userName'))"
function CheckName(userName)
{
    createXMLHttp();
//创建XMLHttpRequest对象
    var url="doRequest.aspx?name ="+userName;//写法很以往的页面提交没区别
    xmlHttp.open("GET",url,true);//这个函数时间无刷新数据提交
    xmlHttp.onreadystatechange = checkUserName; //回调函数,该函数在send方法
                                                //提交数据之后才被执行
    xmlHttp.send(null);//以上步骤完成之后提交数据
}




doRequest.aspx //后台处理请求的页面,java中他可以是jspservlet
//获取发送过来参数
String userName = Request.QueryString["name"].Tostring();
///对userName进行判断看是否在数据库中

//在的话,返回“true”数据给ajax页面
Response.Write("true");
//否则
Response.Write("false");


代码显示的颜色有点难看,没办法系统不太争气,颜色是我自己加的 .  .  ~~~


地震让大伙知道:居安思危,才是生存之道。
posted on 2008-02-21 23:25 小寻 阅读(529) 评论(2)  编辑  收藏 所属分类: Ajax、Flex

FeedBack:
# re: [入门]典型.net ajax代码 2008-07-16 21:13 五大郎
唉,博主你好强哦。
看你什么都会呢,向你学习。

tanzek@163.com  回复  更多评论
  
# re: [入门]典型.net ajax代码[未登录] 2008-07-17 23:49 小寻
呵呵 太过奖啦 所知的只是皮毛而已  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: