Ajax的原生写法

学习笔记2023-01-20九凌少子

作为记录,如果不想加载JQ库但需要使用ajax不妨试试下面这段js函数。

function ajax(obj){
        obj=obj||{};
        obj.type=(obj.type||'GET').toUpperCase();
        obj.dataType=obj.dataType||'json';
        var params=formatParams(obj.data);//参数格式化
        //step1:兼容性创建对象
        if(window.XMLHttpRequest){
            var xhr=new XMLHttpRequest();
        }else{
            var xhr=new ActiveXObject('Microsoft.XMLHTTP');
        }
        //step4: 接收
        xhr.onreadystatechange=function(){
            if(xhr.readtState==4){
                if(xhr.state>=200 && xhr.status<300){
                    obj.success&&obj.success(xhr.responseText,xhr.responseXML);
                }else{
                    obj.error&&obj.error(xhr.status);
                }
            }
        }
        //step2 step3:连接 和 发送
        if(obj.type=='GET'){
            xhr.open('GET',obj.url+'?'+params,true);
            xhr.send(null);
        }else if(obj.type=='POST'){
            xhr.open('POST',obj.url,true);
            //设置请求头,以表单形式提交数据
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            xhr.send(params);
        }
        //辅助函数,格式化参数
        function formatParams(data){
            var arr=[];
            for(var name in data){
                arr.push(encodeURICompontent(name)+"="+encodeURICompontent(data[name]));
            }
            //设置随机数,防止缓存
            arr.push("t="+Math.random());
            return arr.join("&");
        }
    }

相关阅读

4种JavaScript获取链接参数值的方法

一:正则获取指定参数值(推荐使用) 通过js获取url参数,这个经常用到。例如一个URL:https://so.yumus.cn/?engine=zhihu,我们想得到参数engine的值,那可以通过以下函数调用即可。 二、正则 三、split拆分法 四、单个参数的获取方法

学习笔记 2023-01-29
4种JavaScript获取链接参数值的方法

宝塔面板Nginx禁止IP访问80、443端口

网上有不少关于宝塔面板禁止ip访问网站的方式,但都是通过新建站点的方式,说实话完全没必要新建站点,要知道默认情况下Nginx的根目录是html文件夹,也就是说其实他已经默认有一个站点了,你在去新建一个站点不是多此一举了吗。 话不多说直接上教程,宝塔面板打开此文件 这个文件就是宝塔面板默认站点的nginx规则,这里我们把之前的规则删除,重新写入如下代码: 第2行是监听80端口,第3行是监听443端口…

学习笔记 2020-12-06
宝塔面板Nginx禁止IP访问80、443端口

MacOS修改Python安装源

受某些网络环境的影响,默认情况下 Python 安装一些库通常会失败,我们不妨把 Python 的安装源改为国内镜像地址。 常用 Python 国内安装源 创建 pip 配置文件 更换 pip 源需要先为 pip 创建一个配置文件。如果你以前没有创建的话,就需要手动创建。 打开 MacOS 终端,依次输入如下代码: 输入完毕后按电脑 “ i ” 键,进入VIM编辑模式,在编辑模式中输入如下内容至终…

学习笔记 2023-02-24
MacOS修改Python安装源

在Chrome中模拟微信内置浏览器

1、安卓 QQ 内置浏览器 UA 2、安卓微信内置浏览器 UA 3、IOSQQ 内置浏览器 UA 4、IOS 微信内置浏览器 UA 在 Chrome 添加 UA 打开 Chrome 调试工具(F12),点击右上角设置图标,如下图 选择左边栏 Devices,如下图 选择右边栏 Add custom device 填写要模拟的设备,添加,如下图

学习笔记 2021-11-02
在Chrome中模拟微信内置浏览器
语幕微信扫码关注公众号
回到顶部