ASP.NET+Ajax初体验

原创 2007年09月19日 14:55:00
      初步学习Ajax,希望能给还没入门的人带来一些帮助。
------------------------------------------------------------------------------------------------------------------------------------------
*.html文件
------------------------------------------------------------------------------------------------------------------------------------------
<html>
<head>
     <script language="java" type="text/javascript">
//Ajax 开始 by xu 2007-9-17*/
var http = getHTTPObject();
function handleHttpResponse()
{
    if(http.readyState == 4)
    {
        if(http.status == 200)
        {
          var xmlDocument = http.responseXML;
             if(http.responseText!="")
               {
                  document.getElementById("showStr").style.display = "";  
                  document.getElementById("userName").style.background= "#FF0000";
                  document.getElementById("showStr").innerText = http.responseText;

               }
               else
               {
                  document.getElementById("userName").style.background= "#FFFFFF";
                  document.getElementById("showStr").style.display = "none";
               }
        }
       else
        {
           alert("你所请求的页面发生异常,可能会影响你浏览该页的信息!");
            alert(http.status);
         }
   }
}

 function chkUser(){

  var url = "ajaxCheckUserName.aspx";

  var name = document.getElementById("userName").value;

  url += ("?userName="+name);
 //  window.open(url,"",width="300",height="300");
  http.open("GET",url,true);
  http.onreadystatechange = handleHttpResponse;

  http.send(null);

  return ;

 }

 function chkComNm()
  {

   var url = "/ajaxCheckUserName.aspx";
   var name = document.getElementById("comNm").value;

  url += ("&userName="+name+"&oprate=chkCom");

  http.open("GET",url,true);

  http.onreadystatechange = handleHttpResponse1;

  http.send(null);

  return ;

 }

 

 //该函数可以创建我们需要的XMLHttpRequest对象

 function getHTTPObject()
 {

  var xmlhttp = false;
  if(window.XMLHttpRequest)
  {
      xmlhttp = new XMLHttpRequest();

     if(xmlhttp.overrideMimeType)
     {

       xmlhttp.overrideMimeType('text/xml');

     }

  }

  else
  {
      try
      {
       xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch(e)
      {
       try
       {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

       }
       catch(e)
       {
            xmlhttp = false;
       }
    }
  }
  return xmlhttp;

}
 </script>

   
   
   
</head>
<body>

<table width="400" border="0" cellpadding="1" cellspacing="1" align="center" >

<tr>


<td><font color="red"> *</font>"</td>
<td>用户帐号:</td>

<td>

<input type="text" name="userName" maxlength="20" style="background:#FFFFFF" onblur="chkUser()" value="" />

<div id="showStr" style="background-color:#FF9900;display:none"></div>
 <div id="comNmStr" style="background-color:#FF9900;display:none"></div>
</td>
</tr>
</table>
</body>
--------------------------------------------------------------------------------------------------------------------------------------
ajaxCheckUserName.aspx.cs文件
--------------------------------------------------------------------------------------------------------------------------------------
public partial class ajaxCheckUserName : System.Web.UI.Page
{
    string userName = "";
    protected void Page_Load(object sender, EventArgs e)
    {
        userName=Request.QueryString["userName"].ToString();
        validateUser(userName);
    }

    public void validateUser( string userName)
    {
        using(SqlConnection conn=new SqlConnection(System.Configuration.ConfigurationManager.AppSettings["users"].ToString()))
        {
              conn.Open();
              SqlCommand cmd=new SqlCommand("select * from userInfo where userName='" + userName +"'" );
              cmd.Connection = conn;
              if (cmd.ExecuteScalar() != null)
              {
                  Response.Write("用户已存在");
              }
              else
              {
                  Response.Write("恭喜你,可以注册");
              }

        }

    }
   
}

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

asp.net 使用 MongoDB 初体验

首先:驱动 如果asp.net 想使用MongoDB,.net没有自带的链接类。得用第三方或官方的链接类。 当然有很多种驱动,我就不一一介绍了。 今天我就介绍一个我比较常用的驱动-----M...

学习asp.net初体验

看了二个视频,感觉收获很大, 一开始看讲的是最基础的,以为自己都会了,准备向后跳着看,   拖到中间发现讲的正好是,我在工作中,同事们曾经给我说过的,一些很实用的,在写程序中的,常用的快捷键。 ...

ASP.NET Ajax实现图片剪裁

ASP.NET Ajax实现图片剪裁 序言: 上次发了几个jQuery的插件和些心得, 很多园友(也许是自己站上的)发邮件希望能提供更多的源码, 正好这次有个同学希望在自己的坛子上挂个图片...

ASP.NET AJAX入门系列

ASP.NET AJAX入门系列 ASP.NET AJAX入门系列将会写关于ASP.NET AJAX一些控件的使用方法以及基础知识,其中部分文章为原创,也有一些文章是直接翻译自官方文档,本部...

asp.net ajax回调函数(重要)

javascript 调用后台类(webservice)的语法: 类名.方法名(参数1,参数2,……,参数n,回调函数) 调用上有两个差别:一是不需要使用变量接收返回值,二是要在所有参数后面加一个...
  • F7ANTY
  • F7ANTY
  • 2012-04-25 13:59
  • 1141

通过AJAX与ASP.NET结合实现的仿GridView增删改查功能!

jQurey代码部分: "text/javascript">          var flag = 0;    ...
  • xy8cn
  • xy8cn
  • 2011-10-17 12:15
  • 8376

asp.net MVC3之AJAX实现(json)

1.建一个mvc3的项目,取名叫MVC3Test 2.修改About.cshtml,如下代码 About.cshtml  About.cshtml@{ ViewBag.Tit...

Jquery 调用asp.net ajax (web service/static page method)的示例(二)---复杂参数

示例二(复杂参数的情况)     对于这种情况下的调用,客户端使用到一个小技巧,即:创建DTO 对象 (Data transfer object  ),个人常称之为 JSON包装对象 前台页面...

ASP.NET AJAX入门系列(4):使用UpdatePanel控件(一)

UpdatePanel可以用来创建丰富的局部更新Web应用程序,它是ASP.NET 2.0 AJAX Extensions中很重要的一个控件,其强大之处在于不用编写任何客户端脚本,只要在一个页面上添加...

ASP.NET AJAX Control Toolkit 控件速查

====================================================== 注:本文源代码点此下载 =============================...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)