原生js写法跟基于jQuery的写法的差别
[文章作者:磨延城 转载请注明原文出处: https://mo2g.com/view/41/ ]
很多时候有人会问我,什么是原生js(原生代码)?以下是我对原生代码的理解:完全是由自己编写的代码,并且不依赖于别人的代码,称为原生代码,反之称为二次开发.也许有的人会较真,抛出一个观点:真正的原生,得先自己实现一个操作系统.呵呵,这是题外话了.
本文简单的对比了,同样的ajax功能,原生javascript(简称js)写法跟基于jQuery的写法的差别之处。
很多时候有人会问我,什么是原生js(原生代码)?以下是我对原生代码的理解:完全是由自己编写的代码,并且不依赖于别人的代码,称为原生代码,反之称为二次开发。
也许有的人会较真,抛出一个观点:真正的原生,得先自己实现一个操作系统。呵呵,这是题外话了。
本文主要是告诉大家使用jQuery框架,能让我们用更少的代码,做更多的事情。至于原生的东西,还是等自己在js领域有了新的突破了,再去研究吧。在开发领域,有句谚语:速度为王,没有永远的完美。
最简单的原生ajax写法:
var xmlhttp; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest();// 检测浏览器是否为 IE7+, Firefox, Chrome, Opera, Safari } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//检测浏览器是否为 IE6, IE5 } xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { data = xmlhttp.responseText; if(data== '1') { alert('用户已注册'); } } } xmlhttp.open("GET","/index.php?username=mo2g",true); xmlhttp.send();
基于jQuery的ajax写法
$.get("/index.php",{username:"mo2g"},function(data) { if( data == '1') { alert('用户已注册'); } });
这两段代码很容易看出来,基于jQuery的ajax写法比较简介,并且它已经帮我们解决了很多浏览器的兼容性问题,省去了很多麻烦。并且jQuery会不停的更新,以支持更多最新的浏览器,这些特性大大减轻了前端开发人员对浏览器的兼容性测试的压力,不得不赞一个。
我来说两句: