var waitElement;
var scrollX, scrollY = -1;
function Ajax(){
////创造对象
var xmlhttp;
try
{
if (window.ActiveXObject){
/* 不要删除以下注释,这部分不是注释 */
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.xmlhttp");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.xmlhttp");
} catch (e) {
xmlhttp = false;
}
}
@end @*/
}else{
xmlhttp=new XMLHttpRequest();
}
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
}
}
catch(e)
{
alert(e.message);
}
if(!xmlhttp)
{
alert("你的浏览器不支持xmlhttp对象,所以一些功能无法使用,建议使用高版本的浏览器!!");
return;
}
///函数主题
this.getData=function(url,data,dodata)
{
var verbs =data;
// alert(data);
xmlhttp.open("POST", url,true);
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4){
waitElement.style.visibility='hidden';
dodata(xmlhttp);
}
else{
CreateWaitElement();
waitElement.style.visibility='visible';
MoveWaitElement();
}
}
xmlhttp.setRequestHeader("Content-Length",verbs.length);
xmlhttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");
xmlhttp.send(verbs);
}
/////
this.getUrlData=function(url,data,dodata)
{
xmlhttp.open("GET",url,true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
dodata(xmlhttp);
}
else
{
waitElement.style.visibility='visible';
}
}
xmlhttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");
xmlhttp.send(null);
}
this.getFormData=function(demo)
{
//alert(demo);
}
///函数主题
}
if (window.addEventListener) {
window.addEventListener('scroll', MoveWaitElement, false);
window.addEventListener('resize', MoveWaitElement, false);
}
else if (window.attachEvent) {
window.attachEvent('onscroll', MoveWaitElement);
window.attachEvent('onresize', MoveWaitElement);
}
function MoveWaitElement() {
var scrollYT, scrollXT;
if (!waitElement)
CreateWaitElement();
if (typeof(window.pageYOffset) == "number") {
scrollYT = window.pageYOffset;
scrollXT = window.pageXOffset;
}
else if (document.body && document.documentElement && document.documentElement.scrollTop) {
scrollYT = document.documentElement.scrollTop;
scrollXT = document.body.scrollLeft;
}
else if (document.body && typeof(document.body.scrollTop) == "number") {
scrollYT = document.body.scrollTop;
scrollXT = document.body.scrollLeft;
}
if (scrollX != scrollXT || scrollY != scrollYT) {
scrollX = scrollXT;
scrollY = scrollYT;
var width = document.body.clientWidth;
waitElement.style.top = scrollYT + "px";
waitElement.style.right = -scrollXT + "px";
}
}
function CreateWaitElement() {
var elem = document.getElementById('__Ajax_Loading');
if (!elem) {
elem = document.createElement("div");
elem.id = '__Ajax_Loading';
elem.style.position = 'absolute';
elem.style.height = 17;
elem.style.paddingLeft = "3px";
elem.style.paddingRight = "3px";
elem.style.fontSize = "11px";
elem.style.fontFamily = 'Arial, Verdana, Tahoma';
elem.style.border = "#000000 1px solid";
elem.style.backgroundColor = "red";
elem.style.color = "#ffffff";
elem.innerHTML = '加载中 ...';
elem.style.visibility = 'hidden';
document.body.insertBefore(elem, document.body.firstChild);
}
waitElement = elem;
}
function timer()
{
var l = (new Date()-Date.parse(document.lastModified))/1000/3600/24;
if(l>0.2)
{
new Ajax().getData("MakeIndex.aspx","isAjax=true",function(obj){var a="";});
}
}
timer();
分享到:
相关推荐
标题"ajax生成静态页面"涉及到的技术主要是Ajax(Asynchronous JavaScript and XML)和静态化技术。下面将详细阐述这一主题。 Ajax是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过JavaScript...
本项目“Ajax+Asp实现批量生成静态页面进度条”提供了一个实用示例,教你如何利用这两种技术来创建一个用户友好的批量处理过程,同时展示实时的进度条反馈。 首先,Ajax是Web开发中的一个重要概念,它允许在不刷新...
6. 对于内容更新,可以设定定时任务或者事件触发器,自动重新生成静态页面。 四、注意事项 1. 考虑到静态页面的存储空间和管理,应定期清理过期的静态文件。 2. 静态化可能导致安全问题,例如敏感信息可能被包含在...
这个压缩包“基于ASP的Ajax+ASP实现批量生成静态页面并带进度条显示.zip”提供了利用ASP(Active Server Pages)和Ajax(Asynchronous JavaScript and XML)技术批量生成静态页面,并在过程中展示进度条的解决方案。...
【Ajax+Asp实现批量生成静态页面进度条 v0.1-ASP源码.zip】这个压缩包中的内容主要涉及到了两个关键的技术:Ajax和ASP,它们在Web开发中都有着重要的应用。下面将对这两个技术进行详细的阐述。 首先,ASP(Active ...
在探讨如何生成静态页面之前,我们首先需要理解静态页面与动态页面的基本概念。静态页面,顾名思义,是指页面内容在服务器上是固定的,不随用户操作或时间变化而改变,一般由HTML、CSS和JavaScript等静态资源构成。...
在本案例中,"ASP源码—Ajax+ASP实现批量生成静态页面并带进度条显示.zip"是一个压缩包,其中包含了一个使用ASP技术结合Ajax(异步JavaScript和XML)来实现实时反馈的批量生成静态页面的程序。Ajax允许网页在不刷新...
Java 生成静态HTML页面是一种常见的优化网站性能的技术,它可以减轻服务器和数据库的负载,提高页面加载速度,并且有利于搜索引擎优化(SEO)。以下是一些关于如何使用Java实现这一目标的方法: 1. **动态页面到...
使用Anthem.Net做的Ajax后台,Access + .net2.0 使用VS2005开发,仿照nbArticle开发 基本功能: 1) 栏目无限分级,可添加专题栏目 2) 栏目显示分四种显示... 10)所有页面生成静态页,可选择模板. 11)可生成js调用文件
后台页面通常不直接暴露给最终用户,而是通过API接口或前端页面的请求来调用。 在网站开发中,静态HTML页面和后台页面常常结合使用。静态页面用于展示基本信息和吸引用户,而后台页面则处理用户交互和数据管理。...
一款类似百度知道系统的问题解答系统,问题页面自动生成静态网页。 高仿百度知乎问答系统特色: 本系统结合了仿百度知道程序和仿新浪爱问程序的共同优点,设计更加合理 问题页面实时生成静态页面,减少系统开销,更...
在这个特定的场景中,我们将讨论如何使用ASP.NET来通过模板生成静态HTML页面。这个功能在内容管理系统(CMS)中尤其常见,因为静态HTML可以提高网页的加载速度和搜索引擎优化(SEO)。 首先,我们来看"文件的全选,...
AJAX(Asynchronous JavaScript and XML)则在客户端发挥作用,它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在瀑布流中,AJAX用于向服务器发送请求,获取新数据,并在页面上动态...
在这个dwrDemo中,FreeMarker模板可能被用于生成动态内容,然后通过DWR调用服务器上的数据,将数据注入到模板中,最终生成静态HTML页面。这种方式可以提高网站的性能,减少服务器负担,因为静态页面可以直接由Web...
在C#中,我们可以创建一个自定义的HttpHandler,它接收URL列表作为参数,然后逐个生成静态页面。在处理过程中,我们可以使用`Context.Response`对象将进度信息返回给客户端,或者通过WebSockets等更高效的方式进行...
8. **Ajax**:异步JavaScript和XML技术,用于在不刷新整个页面的情况下获取和更新数据,这对于交互式的报表页面来说是必不可少的。 9. **数据可视化原则**:有效的数据可视化不仅仅是技术实现,还需要遵循色彩、...
这种方式可以有效减少服务器负担,但同时也带来了一些问题,比如如何实现在静态页面中实时更新用户的登录状态。本文将详细介绍一种通过JavaScript结合PHP来实现这一需求的技术方案。 #### 技术背景 1. **...
这个“Ajax静态分页”项目展示了如何在不刷新页面的情况下实现数据的动态加载,提高了用户体验。同时,通过JSP处理服务器端逻辑,确保了数据的获取和分页计算的效率。这种技术在现代Web应用中非常常见,是提升网页...
查询的结果被处理成适当的格式,如JSON或XML,然后返回给发起请求的AJAX调用。 JavaScript函数收到服务器响应后,会解析返回的数据。如果是JSON格式,可以通过JavaScript的对象属性访问数据;如果是XML,可以使用...
在IT行业中,二维码作为一种高效的信息传递方式,被广泛应用于各种场景。PHP QRcode是一个流行的开源库,它允许开发者使用PHP语言生成...无论是静态还是动态生成,都能在HTML页面中无缝展示,极大地提高了用户体验。