前端之家收集整理的这篇文章主要介绍了
ajax使用心得，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
使用ajax技术编写网页就像编写winform应用程序一样具有及时性，个人认为跟ado.net十分相似，下面举例说明：
| 对比 |
ajax |
ado.net |
| 是否需要刷新 |
否 |
否 |
| 使用对象 |
XMLHttpRequest |
sqlconnection&Command等 |
| 访问地址 |
URL |
connectionstring |
| 访问方式 |
get|post |
CommandType.StoredProcedure|text |
| 数据位置 |
服务器 |
服务器数据库 |
| 数据类型 |
HTML|txt|json|XML |
数据库里的任何格式 |
| 状态判断 |
ajax.onreadeystatechange |
connection.status |
@H_403_72@
下面是具体的demo
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>Ajax</title>
</head>
<body>
<div id="new"></div>
<script src="js/getHttpObject.js"></script>
<script src="js/getNewContent.js" ></script>
</body>
</html>
function getHTTPObject(){
if(typeof XMLHttpRequest=="undefined")
XMLHttpRequest=function(){
try{
return new ActiveXObject("Msxml2.XMLHTTP.6.0");
}catch(e){
}
try{
return new ActiveXObject("Msxml2.XMLHTTP.3.0");
}catch(e){
}
try{
return new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
}
return false;
}
return new XMLHttpRequest();
}
function getNewContent(){
var request=getHTTPObject();
if (request) {
request.open("get","example.txt",true);
request.onreadystatechange=function(){
if(request.readyState==4){
var para=document.createElement("p");
var txt=document.createTextNode(request.responseText);
para.appendChild(txt);
document.getElementById("new").appendChild(para);
}
};
request.send(null);
}else{
alert('Sorry,your browser doesn\'t suport XMLHttpRequest');
}
}
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}
}
addLoadEvent(getNewContent);
\\这是ajax要访问的文件example.txt
this is a example!
总结：多想自己以前会的知识，每次学习知识都有似曾相识的感觉，这可能就是老师说的编制知识网吧！学会多角度看自己学到的知识，发现计算机有很多约定俗成但是不成文的设计规则，慢慢体会就会发现都是相同的！
