XMLHttp小手册,原生ajax参考手册
个人做java ee开发,在一般的公司里上班,做的是一般的网站。
1.如果经常使用jquery等框架进行异步调用,最主要的不是了解jquery怎么用,而是了解http协议。
2.为了了解http协议,可以使用火狐的控制台F12,谷歌的控制台F12查看responseHeader,requestHeader.在IE下,可以使用HttpWatch Professional这个工具。
3.如果要系统了解原生的ajax请求,可以访问网站 xmlHttp小手册 http://fireyy.com/doc/xmlhttp/xmlhttprequest.html
<html>
<head>
<script type="text/javascript">
var xmlHttp;
function loadXMLDoc(url){
xmlHttp=null;
if(window.XMLHttpRequest){
//IE7,FireFox,Opear,等浏览器
xmlHttp=new XMLHttpRequest();
}else if(window.ActiveXObject){
//IE5,IE6浏览器
xmlHttp=new ActiveXObject("Microsoft.XMLHttp");
}
if(xmlHttp!=null){
xmlHttp.onreadystatechange=state_Change;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}else{
alert("您的浏览器不支持xmlHttp");
}
}
//状态变化时调用的回调函数
function state_Change(){
//4--加载完毕
if(xmlHttp.readyState==4){
//200 --OK
if(xmlHttp.status==200){
document.getElmentById('').innerHTML=xmlHttp.status;
doucment.getElmentById().innerHTML=XMLHttp.statusText;
doucment.getElmentById().innerHTML=xmlHttp.responseText;
}else{
alert('取回数据XML错误 状态为: '+xmlHttp.statusText);
}
}
} </script>
</head> <body>
<h2>使用HttpRequest对象</h2> <p><b>Status:</b>
<span id="A1"></span>
</p> <p><b>Status text:</b>
<span id="A2"></span>
</p> <p><b>Response:</b>
<br/><span id="A3"></span>
</p> <button onclick="loadXMLDoc('http://www.w3school.com.cn/example/xdom/note.xml')">Get XML</button>
</body>
上面的代码直接拿来运行是不行的,打开谷歌浏览器的控制台 提示“XMLHttpRequest cannot load http://www.w3school.com.cn/example/xdom/note.xml. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. Noname1.html:1”
查了一下,大致的意思是 “是ajax跨域,禁止访问”
跨域只能使用JSONP来实现,或者通过服务器端获取 http://blog.csdn.net/net_lover/article/details/5172509 http://blog.csdn.net/net_lover/article/details/5172522 |
web三种跨域请求数据方法
Spring 3.1 MVC REST 支持之跨域访问(Cross-origin resource sharing)
jQuery JSONP 实践
最新文章
- dagger2系列之Scope
- 对依赖倒置原则(DIP)及Ioc、DI、Ioc容器的一些理解
- C语言 复杂队列(链表队列)
- javascript动态添加一组input
- 《为ipad而设计 打造畅销APP》读书笔记
- MySQL线程独享[转]
- python核心编程学习记录之Python对象
- latch介绍
- Codeforces 479E Riding in a Lift
- linux性能之iostat
- [转载] Tomcat架构分析
- SystemVerilog语言简介(一)
- Centos 7安装MYSQL
- 尚硅谷springboot学习28-Docker简介
- Android的断点续传的下载在线文件示例
- C#设计模式--工厂方法模式
- 在Windows2003下如何查看IIS站点中对应的PID值
- hud 5124 lines(思维 + 离散化)
- 20145312 《Java程序设计》第十周学习总结
- wait/notify
热门文章
- ASP.NET 让无码编程不在是梦 -.NET通用平台、通用权限、易扩展、多语言、多平台架构框架
- sprint3(第十天)
- Memcached入门
- css3中的zoom元素属性值测试
- [CLR via C#]12. 泛型
- Redis持久化-数据丢失及解决
- 【JS复习笔记】06 方法
- 重新想象 Windows 8.1 Store Apps (88) - 通信的新特性: 新的 HttpClient
- SqlServer知识点记录分享
- ActiveReports 报表控件官方中文入门教程 (1)-安装、激活以及产品资源