求一段简单的AJAX代码。要手写XMLHttpRequest对象的

Question

刚开始学，求一段简单的AJAX代码。以前用ASP.NET AJAX AJAX Extensions 来着。也懂就瞎用。现在求一段代代码。AJAX调用c#代码。也不我说的你不明白，我就是希望用AJAX获取数据库数据.不要第三方的DLL  例如AjaxPro等等 自己写的XMLHttpRequest对象的 我不懂 就给我写个AJAX入门吧 不要三方的DLL  感谢 

Answer 1

http://www.javaeye.com/topic/173686

Answer 2

var $ = function(node) {
return document.getElementById(node)
}
var $$ = function(node) {
return document.getElementsByTagName(node)
}
function Ajax() {
var xmlObj = false;
try {
xmlObj = new XMLHttpRequest
} catch(e) {
try {
xmlObj = new ActiveXObject("MSXML2.XMLHTTP")
} catch(e2) {
try {
xmlObj = new ActiveXObject("Microsoft.XMLHTTP")
} catch(e3) {
xmlObj = false
}
}
}
if (!xmlObj) {
alert("XMLHttpRequest init Failed!")
}
return xmlObj
}
function AjaxCngupai() {
    var keyword  = escape($("keyset").value);
   
    if (keyword == "") {
     $("gupai").innerHTML ="";　　    } else {
        xmlhttp = new Ajax();
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4) {
                if (xmlhttp.status == 200) {
                    var result = xmlhttp.responseText;　　              $("gupai").innerHTML =result;　　
                }
            }
        }
        xmlhttp.open("post", "/ss.aspx?rdm=" + Math.random(), true);
        xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        xmlhttp.send("KeyWords=" + keyword+"&link=cnsearch")
    }
}

Answer 3

ss.aspx 页面 response.write("内容");
js调用后 $("gupai").innerHTML =ss.aspx的 　response.write;

Answer 4

<script type ="text/javascript" language ="javascript" >
        var req; 
        function creatReq() 
        {
            var url="ajaxServer.aspx"; 
            if(window.XMLHttpRequest) 
            {
                req=new XMLHttpRequest();
            }
            else if(window.ActiveXObject) 
            {
                req=new ActiveXObject("Microsoft.XMLHttp");
            }
            
            if(req) 
            {
                req.open("GET",url,true); 
                req.onreadystatechange = callback; 
                req.send(null); 
            }
        }
        
        function callback() 
        {
            if(req.readystate==4) 
            {
                if(req.status==200) 
                {
                    Dispaly();
                }
                else
                {
                    alert("服务端返回状态" + req.statusText);
                }
            }
            else 
            {
                document .getElementById ("myTime").innerHTML ="数据加载中";
            }
        }
        
        function Dispaly() 
        {
            document .getElementById ("myTime").innerHTML =req.responseText;
        }
        
    </script>    <div id="myTime"></div>
    <input id="Button1" type="button" value="Get Time"  onclick ="creatReq();"/>ajaxServer.aspxpublic partial class ajaxServer : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        System.Threading.Thread.Sleep(1000); 
        Response.Write(DateTime .Now .ToString ()); 
    }
}或
  public class RegistValidate : IHttpHandler
    {        public void ProcessRequest(HttpContext context)
        {
            string username = HttpUtility.UrlDecode(context.Request.QueryString["username"].ToString());
            context.Response.Write("");
            System.Threading.Thread.Sleep(1000);
        }        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
 var url = "../RegistValidate.ashx?username=" + escape(id);
 xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = ShowResult;
 xmlHttp.send(null); function ShowResult() {
            
            if (xmlHttp.readyState == 4) {
                if (xmlHttp.status == 200) {
                    var s;
                  
                    s = xmlHttp.responseText;
                  
                }
            }
           
        }
参考

Answer 5

var xmlhttp=false;
function createXMLHttp()//创建XMLHTTP对象的方法
{ 
    
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");    
}function Sends(methodType,url)
{
    createXMLHttp();//创建XMLHTTP对象
    xmlhttp.open(methodType,url);
    xmlhttp.onreadystatechange=proc;
    xmlhttp.send(null);
}function proc()
{
    if(xmlhttp.readyState==4)
    {
        if(xmlhttp.status==200)
        {
            var msg=xmlhttp.responseText;
            document.getElementById("msg").innerHTML=msg;
        }
    }
}案例：http://download.csdn.net/source/1120681

Answer 6

ajax跟数据库没关系 ，你用c#来操作就行了，

Answer 7

<%@ Page Language="C#" %>  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
<mce:script runat="server"></mce:script>  
  
<html xmlns="http://www.w3.org/1999/xhtml" >  
<head runat="server">  
    <title>无标题页</title>  
    <mce:script type="text/javascript"><!--   
   var XmlHttp;   
    //创建一个Http对象   
    function CreateXmlHttpRequest()   
    {   
      //浏览器的判断   
      if(window.XMLHttpRequest)   
      {   
         //Mozilla浏览器   
         XmlHttp=new XMLHttpRequest();   
      }   
      //IE浏览器   
      else if(window.ActiveXObject)   
      {   
       try   
       {   
          XmlHttp=new ActiveXObject("Msxml2.XMLHttp");   
       }   
       catch (e)   
       {   
         try   
         {   
            XmlHttp=new ActiveXObject("Microsoft.XMLHttp");   
         }   
         catch(e)   
         {   
              
         }   
       }   
      }   
    }   
     function OpenAjax()   
     {   
       CreateXmlHttpRequest();   
       if(XmlHttp==null)   
       {   
         return;   
       }   
       var oDiv=document.getElementById("Txt1").value;   
    //确定发送请求的方式和URL以及是否同步执行下段代码   
    //第一参数为传输的方式get post head 第二个参数为:要交互的URL;第三个参数:是否为异步传输     
       XmlHttp.open("Get","../VerifyUserHandler.ashx?para="+oDiv+"&date="+new Date(),true);   
       XmlHttp.onreadystatechange=StateChange;   
       XmlHttp.send(null);   
       document.getElementById('ResultSpan').innerText='正在检查,请稍候...';   
     }   
     function StateChange()   
     {   
        // 判断对象状态(为4代表从服务器中取的所有的值 )   
       if(XmlHttp.readyState==4)   
       {   
         // 信息已经成功返回，开始处理信息   
         if(XmlHttp.status==200)   
         {   
            //获得返回的结果   
            var res=XmlHttp.responseText;   
            document.getElementById('resultSpan').innerText=res;   
         }   
       }   
     }   
  
       
// --></mce:script>  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
    <input type="text" id="Txt1" value="huguo" onblur="OpenAjax()" />  
    <span id="ResultSpan"></span>  
    </div>  
    </form>  
</body>  
</html>  
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ws_hgo/archive/2009/07/28/4388800.aspx

Answer 8

<%@ WebHandler Language="C#" Class="VerifyUserHandler" %>   
  
using System;   
using System.Web;   
  
public class VerifyUserHandler : IHttpHandler {   
       
    public void ProcessRequest (HttpContext context) {   
        context.Response.ContentType = "text/plain";   
        string Name = context.Request.QueryString["para"];   
        System.Threading.Thread.Sleep(3000);   
        string[] str = new string[] { "胡果", "aaa", "bbb" };   
        if (Array.IndexOf<string>(str, Name) != -1)   
        {   
            context.Response.Write("抱歉，用户名已被使用！");   
        }   
        else  
        {   
            context.Response.Write("恭喜，用户名可以使用！");   
        }   
    }   
    
    public bool IsReusable {   
        get {   
            return false;   
        }   
    }   
  
}  
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ws_hgo/archive/2009/07/28/4388800.aspx

Answer 9

其实我就是想知道怎么用XMLHttpRequest对象操作C#方法 
<input id="Button1" type="button" value="button" />单击这个HTML按钮执行下面的C#方法 在页面显示返回值      public static string ClearLastChar(string str)
        {
            if (str == "")
                return "";
            else
                return str.Substring(0, str.Length - 1);
        }感谢

Answer 10

楼上的几位写的都存有bug的，详细看prototype.js Ajax部分

Answer 11

function xmlHttp()
{
   var xmlHttpObj;
   try
   {
      xmlHttpObj = new XMLHttpRequest();
  return xmlHttpObj;
   }
   catch(tryMrcrosoft)
   {
     try
 {
    xmlHttpObj = new ActiveXObject("Msxml2.XMLHTTP");
    return xmlHttpObj;
     }
 catch(otherMicrosoft)
 {
    try
{
       xmlHttpObj = new ActiveXObject("Microsoft.XMLHTTP");
   return xmlHttpObj;
}
catch(failed)
{
   xmlHttpObj = false;
   return xmlHttpObj;
}
 }
   }
   if(!xmlHttpObj)
      alert("创建xmlhttpRequest对象失败！你的浏览器不支持该对象");
}

Answer 12

给你推荐本书精通AJAX核心技术与典型案例。这本书还不错 

Answer 13

http://www.ajaxsamples.cn/html/15393.html
ajax实战这本书不错

Answer 14

其实我就是想知道怎么用XMLHttpRequest对象操作C#方法 
<input id="Button1" type="button" value="button" /> 单击这个HTML按钮执行下面的C#方法 在页面显示返回值       public static string ClearLastChar(string str) 
        { 
            if (str == "") 
                return ""; 
            else 
                return str.Substring(0, str.Length - 1); 
        } 感谢