html5_common.js

weixin_34121282

于 2015-09-01 10:51:00 发布

阅读量122

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chy1000/p/4775134.html

本文介绍了一种简易的Ajax发送方法及几种常用的DOM操作技巧，包括阻止事件冒泡、字符串修剪等，适用于希望简化Ajax调用及DOM操作的前端开发者。

(function(){
    this.sendAjax = function(url,func,formData,type){
        type = type || "POST"; //默认为POST的方式
        var xhr = new XMLHttpRequest();
        if( typeof xhr.withCredentials===undefined ){
            return alert("对不起，您的浏览器不支持：XMLHttpRequest");
        }
        
        xhr.onload = func;
        xhr.open(type,url,true);
        if( undefined!==formData ){
            xhr.send(formData);
        }else{
            xhr.send();
        }
    }
    
    this.$one = function(name){
        return document.querySelector(name);
    }

    this.$all = function (name){
        return document.querySelectorAll(name);
    }

    this.stopPropagation = function(e) {  
        e = e || window.event;  
        if(e.stopPropagation) { //W3C阻止冒泡方法  
            e.stopPropagation();  
        } else {  
            e.cancelBubble = true; //IE阻止冒泡方法  
        }  
    }
    
    String.prototype.trim = function() {
        return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
    }    
})();