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 MVC验证 - 使用哪种方式实现客户端服务端双重异步验证

本篇将通过一个案例来体验使用MVC的Ajax.BeginForm或jQuery来实现异步提交,并在客户端和服务端双双获得验证。希望能梳理、归纳出一个MVC异步验证的通用解决思路。本篇主要涉及: 1、...
  • chen_yanfeng
  • chen_yanfeng
  • 2015年04月07日 15:11
  • 1266

ASP.NET MVC AJAX表单提交实例

1.首先,新建一个controller。 using System; using System.Collections.Generic; using System.Linq; using Sys...
  • lucahan
  • lucahan
  • 2016年10月15日 15:53
  • 2606

ASP.NET MVC 表单验证方式总结

一、绑定参数的表单验证:(通过ValidationAttribute特性绑定到Model来验证) 1.引入js文件: jquery的某个版本 jquery.validate.js jquery.val...
  • zhulongxi
  • zhulongxi
  • 2016年05月07日 10:43
  • 4608

asp.net 使用 MongoDB 初体验

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

学习asp.net初体验

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

asp net core 跨平台初体验

安装 net core 运行环境:ubuntu 16.04 LTS 1.添加 apt 源      依次执行三条命令      sudo sh -c 'echo "deb [a...
  • xiaobaitu389
  • xiaobaitu389
  • 2017年07月25日 14:25
  • 218

asp.net mvc 使用Ajax调用Action 返回数据。

使用asp.net mvc 调用Action方法很简单。 一、无参数方法。 1、首先,引入jquery-1.5.1.min.js 脚本,根据版本不同大家自行选择。 script src="@...
  • jsjpanxiaoyu
  • jsjpanxiaoyu
  • 2016年08月19日 01:57
  • 356

Asp.net Ajax:我可以用javascript做些什么?

一直在关注AjaxControlToolkit的变化,期待着随着时间的推移这个工具包会日臻完善,不过就实际项目中应用的效果来讲,还是有点失望的。问题最多的两个控件是ModalPopup和Slider....
  • ligaorenvip
  • ligaorenvip
  • 2012年08月30日 10:27
  • 355

英语阅读推荐:基于AJAX的ASP.NET聊天室 & 如何建立共识

====================================================== 注:本文源代码点此下载 =============================...
  • javazhuanzai
  • javazhuanzai
  • 2012年01月16日 04:18
  • 259

ASP.NET MVC3书店--第八节 使用Ajax的购物车(第三部分)

8.4 购物车控制器     购物车控制器中主要实现三个处理:将书籍加入购物车,将书籍从购物车中删除,查阅购物车中书籍信息。它主要使用我们刚才创建的三个类:ShoppingCartViewModel...
  • zhanghuangbin
  • zhanghuangbin
  • 2011年10月12日 13:01
  • 976
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ASP.NET+Ajax初体验
举报原因:
原因补充:

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