今天俺刚开始学习ASP.NET网站技术之AJAX无刷新技术;
在高手的指引下,终于对无刷新技术所需要到的部分文件有所了解。
刚才,凭着记忆,自己做起了全世界最简单的一个无刷新页面,但是却遇到了如下的错误提示:
“完成该操作所需的数据还不可用”,虽然页面没有明确弹出对话框的提示,但是,却在浏览器下面看到一个感叹号,点开一看,就是这几个字。
这是为什么呢?
原因很简单,问题就出现在JS文件中,或者您的应该出现在页面中的JS代码中。
①变量的赋值问题
在无刷新技术中,我们不是要使用到var xmlHttp吗,不错,就是它,但是,很多人最开始的时候只顾定义这个变量,却未对其进行赋值,应该将其值在定义的时候就赋予一个值,改为如下的代码:
var xmlHttp= false
②变量的创建
针对xmlHttp,部分同志可能直接就创建了,导致发生无法创建的情况,这个时候,大家可以使用如下的代码解决创建,这是通用的:
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e2)
{
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest != 'undefined')
{
xmlHttp = new XMLHttpRequest();
}
③无刷新状态的处理
在无刷新技术运用的过程中,经常遇到两个函数,一个是对服务器端进行连接,一个是对返回的结果的处理,前者一般为callServer()函数,后者一般为updatePage()函数;
在处理结果的时候,很多同志懒得写代码,就使用诸如
var response = xmlHttp.responseText;
控件ID.innerHTML=response;
这样的代码,其实这算是滑头耍到自己头上了,我们大可以将其改为:
if (xmlHttp.readyState < 4)
{
控件ID.innerHTML="正在读取数据……";
}
if (xmlHttp.readyState == 4)
{
var response = xmlHttp.responseText;
控件ID.innerHTML=response;
}
通过判断返回的状态,显示不同的内容,以吻合与服务器之间的同步,这就不会发生错误提示了,如题所示的错误,估计就是第③个问题引起的!