关于AJAX的问题

使用Ajax实现页面无刷新
    在Ajax中所以说的Ajax引擎实际上说的就是Ajax的核心对象XMLHttpRequest对象。
Ajax核心对象的方法和属性
XMLHttpRequest对象的方法：方法
描述

Open(String method,String URL,boolean asynch)
建立对服务器的调用，其中参数一表示HTTP协议调用的方法，URL表示调用的服务器的地址，asynch表示是否采用异步方式

Send(content)
先服务器发出请求，如果采取异步方式，该方法会立即执行

XMLHttpRequest对象的属性：属性
描述

Onreadystatechange
请求状态改变的事件触发器（readyState变化时会调用此方法）

readyState
请求状态  0表示未初始化 1表示open方法调用成功  2表示服务器已经应答客户端的请求  3表示交互中  4表示数据接收完成

responseText
服务器返回的文本内容

responseXML
服务器返回的兼容的DOM的XML内容

Status
服务器返回的状态码，200 表示成功 404表示未找到

使用Ajax对象实现无刷新
    一切准备工作在这里不再重复，只编写用户自定义的Javascript脚本来实现Ajax的无刷新。
    要实现Ajax无刷新也需要以下几步：
    · 首先取得文本框中的内容；由于不是在jQuery环境下，所以此时只能用DOM的方式取出节点；
    · 创建XMLHttpRequest对象，该步骤是最为复杂的，需要针对不同的浏览器建立不同的对象；
    · 注册回调函数，当请求状态改变时调用该函数；
    · 设置与服务器的连接信息；
· 发送数据；
· 创建回调函数，处理服务器返回的数据，将返回的数据动态地显示在JSP页面上。
针对于第一步，由于是在DOM下，所以要用Javascript取得文本框中的内容，如下：
// 使用DOM的方式获取文本框中的值
    var userName = document.getElementById("uname").value;针对于第二步，由于浏览器之间的差异，所以要分别为不同浏览器创建Ajax核心对象，如下：
// 创建XHR对象
    if (window.XMLHttpRequest)
    {
       // 针对Firefox、Opera、Safari、IE7.0 IE8.0
       var xmlHttp = new XMLHttpRequest();

       // 针对某些特定版本的Mozilla浏览器Bug进行修复
       if (xmlHttp.overrideMimeType)
       {
           xmlHttp.overrideMimeType("text/xml");
       }
    }
    else if (window.ActiveXObject)
    {
       // 针对于IE6.0 IE5.0及以下版本
       // 可以创建XMLHttpRequest对象的控件名称，保存在一个js数组中
       var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];

       for (var i = 0; i < activexName.length; i++)
       {
           try
           {
              // 取出一个控件进行创建，如果创建成功就终止循环
              xmlHttp = new ActiveXObject(activexName[i]);
              break;
           }
           catch (e)
           {

           }
       }
}针对于第三步，当Ajax核心对象的请求状态发生改变时要调用回调函数，如下：
xmlHttp.onreadystatechange = callback;针对于第四步，就是建立与服务器端的连接，准备与服务器进行交互，如下：
xmlHttp.open("GET","TestServlet?uname=" + userName,true);
针对于第五步，就是将准备好的数据发送给服务器端，如下：
xmlHttp.send(null);针对于第六步，创建回调函数，处理服务器端返回的数据，如下：
function callback()
    {
       if (xmlHttp.readyState == 4)
       {
           if (xmlHttp.status == 200)
           {
              var responseText = xmlHttp.responseText;
              // 将数据显示在DIV上
              var divNode = document.getElementById("result");
              divNode.innerHTML = responseText;
           }
       }
} 以上就是一个完整的以Ajax的方式，不依赖于任何框架、库来实现的Ajax无刷新。

http://i.msdn.microsoft.com/dynimg/IC166709.png

Microsoft Ajax 概述
http://msdn.microsoft.com/zh-cn/library/bb398874.aspx

Asynchronous JavaScript and XML=====>AJAX
异步调用javascript和XML
估计就是异步刷新

既然是在一个asp.net，其实我基本上都不回答纯粹javascript问题，只是给你导航到asp.net ajax技术上来。两个技术：
1. http://www.google.com.hk/search?hl=zh-CN&lr=lang_zh-CN&newwindow=1&safe=strict&rls=com.microsoft%3Azh-cn%3AIE-SearchBox&tbs=lr%3Alang_1zh-CN&q=asp.net+scriptservice&aq=o&aqi=&aql=&oq=&gs_rfai=
2. http://www.google.com.hk/search?hl=zh-CN&lr=lang_zh-CN&newwindow=1&safe=strict&rls=com.microsoft%3Azh-cn%3AIE-SearchBox&tbs=lr%3Alang_1zh-CN&q=asp.net+updatepanel&aq=f&aqi=&aql=&oq=&gs_rfai=但是理论上，现在所说的ajax就是指javascript中很简单的那十几条代码，用于向网页提交http get或者post命令，控制发送命令的稳定性，并回调javascript函数处理返回信息。有些人写的简单代码甚至连稳定性如何控制都不知道，你并发100条就会发现30%都根本没有发送到服务器或者明明服务器返回了数据可是浏览器貌似根本没有收到。这种代码就不要轻易使用。所以当你使用一个所谓ajax框架时，要测试其稳定性，不要轻易使用。

无刷新updatepanel
http://www.w3school.com.cn/ajax/index.asp

http://blog.csdn.net/xianfajushi/archive/2010/10/08/5928136.aspx

最简单，最直接的办法：就是拖一个现成的updatepanel控件；把你不想让它刷新的地方包起来就可以了

调试易

关于AJAX的问题

解决方案 »