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"  %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>AjaxClass</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <INPUT style="Z-INDEX: 101; LEFT: 504px; POSITION: absolute; TOP: 16px" type="text" name="username2"><INPUT style="Z-INDEX: 102; LEFT: 688px; POSITION: absolute; TOP: 56px" type="submit" value="Submit"><INPUT style="Z-INDEX: 103; LEFT: 504px; WIDTH: 152px; POSITION: absolute; TOP: 56px; HEIGHT: 24px"
    type="button" value="唯一性检查" name="check" οnclick="userCheck(nr1);">
   <TABLE id="Table1" style="Z-INDEX: 104; LEFT: 48px; WIDTH: 556px; POSITION: absolute; TOP: 280px; HEIGHT: 51px"
    cellSpacing="1" cellPadding="1" width="556" border="1">
    <TR>
     <TD id="nr1"></TD>
    <TR>
     <TD id="nr2"></TD>
    </TR>
   </TABLE>
   <TEXTAREA id="username" style="Z-INDEX: 105; LEFT: 56px; WIDTH: 424px; POSITION: absolute; TOP: 16px; HEIGHT: 168px"
    name="username" rows="10" cols="50">
   </TEXTAREA>
  </form>
  <script src="js/Http_Request.js" type="text/javascript"></script>

 </body>
</HTML>

更多示例可以访问我的网站 http://www.dqhxz.com

转载于:https://www.cnblogs.com/zhaohui0312/archive/2007/10/18/929419.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值