原生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会不停的更新,以支持更多最新的浏览器,这些特性大大减轻了前端开发人员对浏览器的兼容性测试的压力,不得不赞一个。

评论:

  1. 12 回复2018年05月04日 17时57分
    磨者
    232222222222222222222222222

  2. 回复2018年05月04日 17时58分
    磨者
    55555555555555555555555555555555555555

  3. 我来说两句:

      切换  

    磨途歌检测发现,您当前使用的浏览器版本过低,要想使用画板模式,请先更新浏览器

      切换  

    磨途歌随机验证码