`
sodabao
  • 浏览: 159341 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

过完年了,回单位上班了,总结一下ajax加载文档的生命周期

阅读更多
过年放假差不多半个月,在家呆着好舒服,真是有点不想回来,回来又要面对新一年的工作,自己想想又要拼搏一年了。感觉自己肩上的责任比去年大多了。
到五一钱可能不用出差了,感慨一下:终于可以过正常人的生活了!
过年没给自己买什么,买了点关于软件的书,先研究ajax吧。

先总结一下自己假期学的:关于ajax加载文档的生命周期。
我们可以从这个程序中看出,不同浏览器对加载文档的输出不一样,但是最后的结果却是一样。
<html>
<head>
<script type='text/javascript'>
var req=null;
var console=null;

function sendRequest(url,params,HttpMethod){
if(!HttpMethod){
HttpMethod
="GET";
}

req
=initXMLHTTPRequest();
if(req){
req.onreadystatechange
=onReadyState;
req.open(HttpMethod,url,
true);
//req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
req.send(params);
}

}


function initXMLHTTPRequest(){
var xRequest=null;
if(window.XMLHttpRequest){
xRequest
=new XMLHttpRequest();
}
 else if(window.ActiveXObject){
xRequest 
= new ActiveXObject("Microsoft.XMLHTTP");
}

return xRequest;
}


function onReadyState(){
var ready=req.readyState;
var data=null;
if(ready==4){
data.responseText;
}
else{
data
="loading ["+ready+"]";
}

toconsole(data);
}


function toconsole(data){
if(console!=null){
var newline=document.createElement("div");
console.appendChild(newline);
var txt=document.createTextNode(data);
newline.appendChild(txt);
}

}


window.onload
=function(){
console
=document.getElementById('console');
sendRequest(
"data.txt");
}

</script>
</head>
<body id='console'></div>
</body>
</html>
分享到:
评论

相关推荐

    【卷一/共两卷】AJAX实战pdf高清版90M

    2.5.5 完整的生命周期 2.6 Ajax有何不同 2.7 小结 2.8 资源 第3章 使AjaX秩序井然 3.1 从混沌到秩序 3.1.1 模式:创造通用的词汇表 3.1.2 重构与Ajax 3.1.3 保持均衡 3.1.4 重构实战 3.2 一些小型重构的案例研究 ...

    Wicket 8.X开发文档(中文翻译+英文原版)

    组件生命周期的钩子方法 7.3。初始化阶段 7.4。渲染阶段 7.5。删除阶段 7.6。独立舞台 7.7。摘要 8.页面版本控制和缓存 8.1。有状态页面与无状态页面 8.2。有状态页面 8.3。无状态页面 8.4。摘要 9.在请求处理的引擎...

    常见vue面试题汇总系列

    vuex 的 mutation 特性是什么,vue 中 ajax 请求代码应该写在组件的methods中还是vuex 的action中,不用 vuex 会带来什么问题,vue生命周期总共有几个阶段,简述每个周期具体适合哪些场景,第一次页面加载会触发哪几个...

    Android 常用六大框架

    (6) 和Activity和生命周期的联动(Activity结束时同时取消所有网络请求) 2、android-async-http 项目地址:https://github.com/loopj/android-async-http 文档介绍:http://loopj.com/android-async-http/ (1...

    ASP.NET4高级程序设计第4版 带目录PDF 分卷压缩包 part1

    5.1.2 应用程序生命周期 5.1.3 应用程序更新 5.1.4 应用程序目录结构 5.2 global.asax应用程序文件 5.2.1 应用程序事件 5.2.2 演示应用程序事件 5.3 ASP.NET配置 5.3.1 machine.config文件 5.3.2 ...

    play framework 框架手册 word 版

    [强烈推荐, 文档不多, 很快就可以看完, 看完了, 就会使用play了] 目录 MVC应用程序模型 - 7 - app/controllers - 8 - app/models - 8 - app/views - 8 - 请求生命周期 - 8 - 标准应用程序布局layout - 9 - app...

    ASP.NET4高级程序设计(第4版) 3/3

    5.1.2 应用程序生命周期 138 5.1.3 应用程序更新 139 5.1.4 应用程序目录结构 139 5.2 global.asax应用程序文件 140 5.2.1 应用程序事件 141 5.2.2 演示应用程序事件 143 5.3 ASP.NET配置 144 5.3.1 ...

    Java JDK 7学习笔记(国内第一本Java 7,前期版本累计销量5万册)

    11.1.3 线程生命周期 324 11.1.4 关于threadgroup 331 11.1.5 synchronized与volatile 334 11.1.6 等待与通知 345 11.2 并行api 349 11.2.1 lock、readwritelock与condition 349 11.2.2 使用executor ...

    ASP.NET3.5从入门到精通

    第 4 章 ASP.NET 的网页代码模型及生命周期 4.1 ASP.NET 的网页代码模型 4.1.1 创建ASP.NET 网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET 网站和ASP.NET 应用...

    ASPNET35开发大全第一章

    第4章 ASP.NET的网页代码模型及生命周期 4.1 ASP.NET的网页代码模型 4.1.1 创建ASP.NET网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET网站和ASP.NET应用程序的区别...

    ASP.NET 3.5 开发大全11-15

    第4章 ASP.NET的网页代码模型及生命周期 4.1 ASP.NET的网页代码模型 4.1.1 创建ASP.NET网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET网站和ASP.NET应用程序的区别...

    ASP.NET 3.5 开发大全

    第4章 ASP.NET的网页代码模型及生命周期 4.1 ASP.NET的网页代码模型 4.1.1 创建ASP.NET网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET网站和ASP.NET应用程序的区别...

    ASP.NET 3.5 开发大全1-5

    第4章 ASP.NET的网页代码模型及生命周期 4.1 ASP.NET的网页代码模型 4.1.1 创建ASP.NET网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET网站和ASP.NET应用程序的区别...

    ASP.NET 3.5 开发大全word课件

    第4章 ASP.NET的网页代码模型及生命周期 4.1 ASP.NET的网页代码模型 4.1.1 创建ASP.NET网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET网站和ASP.NET应用程序的区别...

    python入门到高级全栈工程师培训 第3期 附课件代码

    07 Django请求生命周期之响应内容 08 学员管理示例:数据库设计 09 学员管理示例:班级管理 10 学员管理示例:学员管理 第55章 01 Django的ORM基本操作补充之概要 02 Django的ORM基本操作补充之一对多 03 学员管理...

    Java面试宝典2020修订版V1.0.1.doc

    5、说一说Servlet的生命周期,执行过程? 32 6、实例化servlet有几种方式 32 7、谈谈你对http协议的理解 33 8、HTTP请求的GET与POST方式的区别 34 9、forward 和redirect的区别? 34 10、servlet中怎么定义forward 和...

Global site tag (gtag.js) - Google Analytics