jQuery部分方法对应的原生JS代码
原文地址：http://www.admin10000.com/document/3929.html
很多的 JavaScript 开发人员，包括我在内，都很喜欢 jQuery。因为它的简单，因为它有很多丰富的插件可供使用，和其它优秀的工具一样，jQuery 让我们开发人员能够更轻松的开发网站和 Web 应用。
然而，另一方面，作为前端开发的基础框架，jQuery 包含大量的兼容性代码和扩展功能，其中有很多在你的整个项目中可能都不会用到。其实如果你只是针对现代浏览器，很多功能使用原生的 JavaScript 就可以实现，即使是拖后腿的低版本 IE 浏览器，兼容性也是很容易处理的。
下面就带大家一起看看在 IE 浏览器环境中如果使用原生 JavaScript 代码实现 jQuery 中的功能。如果你打算自己开发一个小的基础框架，可以好好参考一下这些代码的实现。
Ajax Post
jQuery：
| 1 2 3 4 5 |
$.ajax({
type:"POST",
url:"/my/url",
data:
data
});
|
IE8+：
| 1 2 3 |
varrequest
= newXMLHttpRequest();
request.open("POST","/my/url",true);
request.send(data);
|
Ajax Get
jQuery：
| 1 2 3 4 5 6 7 8 9 10 |
$.ajax({
type:"GET",
url:"/my/url",
success:function(resp)
{
},
error:function()
{
}
});
|
IE8+：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
request
= newXMLHttpRequest();
request.open("GET","/my/url",true);
request.onreadystatechange
= function()
{
if(this.readyState
=== 4){
if(this.status
>= 200 && this.status
< 400){
//
Success!
resp
= this.responseText;
}else{
//
Error :(
}
}
}
request.send();
|
