博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax的简单学习
阅读量:6376 次
发布时间:2019-06-23

本文共 987 字,大约阅读时间需要 3 分钟。

ajax的核心是 XMLHttpRequest

html引用外部的时候这些要放在最后 好处如下:
1.加快网页加载速度
2.document.getElementById也可以用 不然 放head中则无法使用DOM方法
function loadXMLDoc(){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
xmlhttp.onreadystatechange=function{
if(xmlhttp.readyState==4&&xmlhttp.status==200){
document.getElementById(“myDiv”).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open(“GET”,”/try/ajax/ajax_info.txt”,true);
xmlhttp.send();
}

onreadystatechange是一个事件处理函数 他会在服务器给XMLHttpRequest对象送回响应的时候被触发

执行
可以 request.onreadystatechange=function(){
}
也可以request.onreadystatechange=doSomething;
不能加() 加了就是立即调用函数的意思 这里我们是把函数的引用赋值给onreadystatechange属性
responseText属性 是用于保存字符串形式的数据 另一个是responseXML属性 用于保存Content-Type头部中
指定为”text/xml“的数据 可以用DOM方法处理这个对象 这也是XMLHttpRequest中有XML的原因
注意:有些浏览器会限制Ajax请求使用的协议 比如Chrome中 如果用file://协议从自己的硬盘里加载文件
就会报错 翻译过来就是 跨域请求只支持HTTP协议的 错误消息
注意: 脚本在发送XMLHttpRequest请求之后 仍会继续执行 不会等待响应返回

但是ajax是无法做到平稳退化的 就需要 Hijax技术 还在学习ing

转载地址:http://ysxqa.baihongyu.com/

你可能感兴趣的文章
你真的知道跨域吗
查看>>
Android性能优化 - 虚拟机调优
查看>>
React(一):生命周期
查看>>
轻松上云系列之二:其他云数据迁移至阿里云
查看>>
Java HTTP 组件库选型看这篇就够了
查看>>
快速掌握 MongoDB 数据库
查看>>
互联网分布式微服务云平台规划分析--定时调度平台
查看>>
springmvc+mybatis+dubbo+zookeeper分布式架构 整合 - maven构建ant-framework框架的pom.xml文件配置...
查看>>
企业级 SpringBoot 教程 (四)SpringBoot 整合JPA
查看>>
【Rasa-Core源码阅读】Tracker
查看>>
cygwin添加到右键菜单
查看>>
Android起步 - 关于Eclipse的若干问题
查看>>
关于.net程序员成长的一些思考
查看>>
跟我学《JavaScript高程3》第三讲,课程笔记
查看>>
每天进步一点点:(18)NTP服务器搭建
查看>>
svn服务器配置与客户端使用方法
查看>>
中国自主处理器暗流涌动:我们有龙芯、飞腾...
查看>>
nginx502 bad gateway 小结
查看>>
win环境下开启apache的压缩模块
查看>>
手机HTML之touch小记
查看>>