asp.net中使用ajax简单例子

脚本代码

 var cuObject;

//校验按钮单击事件
 function userCheck(par)
 {
  cuObject=par;
  var f = document.Form1;
  var valuenr;
  strUserName = f.username.value;
  if(strUserName=="")
  {
   alert("请输入用户名!");
   f.username.focus();
   return false;
  }
  else
  {   
      Send_Request('AjaxClass.aspx?username='+escape(strUserName));   
     }
 }

 var http_request = false;
 //初始化、指定处理函数、发送请求的函数;
 function Send_Request(url)
 {
  http_request = false;
  //开始初始化XMLHttpRequest  对象
  if(window.XMLHttpRequest)
  {
   //Mozilla 浏览器
   http_request = new XMLHttpRequest();
   if(http_request.overrideMimeType)
   {
   //设置MIME类别
    http_request.overrideMimeType("text/xml");   
   }  
  }
  else if(window.ActiveXObject)
  {
   //IE浏览器
   try{
    http_request = new ActiveXObject("Msxml2.XMLHTTP");
   }
   catch(e)
   {
    try{
     http_request = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch(e){}
   }
  }//初始OVER
 
  if(!http_request)
  {
  //异常,创建对象实例失败
   window.alert("不能创建XMLHttpRequest 对象实例.");
   return false;
  }
 
  //指定 XMLHttpRequest 响应处理函数
  http_request.onreadystatechange = processRequest;
  //确定发送请求的方式和URL以及是否同步执行下段代码
  http_request.open("Post",url,true);
  // 设置服务器的响应header,否则无法传大数据量数据。
 
  http_request.setrequestheader("cache-control","no-cache");
  http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8");
  http_request.send(null);
   
 }
 
 function processRequest()
 {
  //var strResult="";
  if(http_request.readyState==4)
  {
  //判断对象状态
   if(http_request.status==200)
   {
   //判断信息是否返回成功,开始处理信息
    //cuObject.innerHTML+=http_request.responseText;
    alert(http_request.responseText);
    //window.parent.location="Ulogin.aspx";
   }
   else
   {
   //页面不正常
    alert("您所请求的页面有异常");
   }
  }
 
 }

html内容:

<%@ Page language="c#"  Codebehind="AjaxClass.aspx.cs" AutoEventWireup="false" Inherits="Cshap.AjaxClass"  %>


 
  AjaxClass
 
 
 
  http://schemas.microsoft.com/intellisense/ie5">
 
 
 
       type="button" value="唯一性检查" name="check" onclick="userCheck(nr1);">
       cellSpacing="1" cellPadding="1" width="556" border="1">
   
    
   
    
   
  

  
 
 

 

 
[收藏] [返回顶部] [打印本页] [关闭窗口]  
 
 
 
 相关主题:  
 
Ajax基础教程:交互示例
使用回调函数监视请求
Ajax实战:向服务器发送请求
 
 网友评论:
正在加载……
 
*评论者:
主页:
标题:
*内容:
【声明】 地球黑匣子网刊载的资讯及其他内容均由网友提供分享 并且纯属作者个人观点,不表示地球黑匣子网同意其说法或描述,仅为提供更多信息,也不构成任何建议。网友转载请注明原作者姓名及出处。如有侵犯到您的版权,请与我们联系,我们会马上进行重新整理!
最新日志列表
人气主题
 
 
 
 
声明:本网站部分内容属网民发布和来自于互联网。对于引用、发布、转载和放置的内容(广告、链接、文字、图像或声音),所产生的所有法律责任,都将由信息归属者或者广告厂商提供者承担,并且由此产生的版权、署名权的异议、纠纷,本网站概不承担任何责任,本站转载素材仅供大家欣赏和分享,切勿做为商业目的使用。
 
Copyright © 地球黑匣子网 2007.06 - 2008   Email:dqhxzcom@163.com
鲁ICP备07501416号   QQ:254212580 网站管理