javascript --- 实现Ajax的代码

直接上代码,(前几天项目出差部署去叻)

const ajax = function (options = {}) {option.type = (options.type || 'GET').toUpperCase();let data = [];for(let i in options.data) {data.push(encodeURIComponent(i) + '=' + encodeURIComponent (options.data[i]));}data = data.join('&');const xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if (xhr.readyState === 4) {const status = xhr.status;if (status >= 200 && status < 300) {options.success &&options.success(JSON.parse(xhr.responseText),xhr.responseXML);} else {options.error && options.error(status);}}};if (options.type === 'GET') {xhr.open('GET', options.url + '?' + data, true);xhr.send(null);} else if (options.type === 'POST') {xhr.open('POST', options.url, true);xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');xhr.send(data);}
};
参考 《vue.js实战》P231

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/251450.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[Spark]-RDD详解之变量操作

RDD的操作 1.1 概述 RDD整体包含两大类操作 transformation 从现有中创建一个新的数据集 action 在对数据集做一定程度的计算后将结果返回 对于所有的transformation,都是Lazy的,也就是说它不会立即执行,只是单纯的记住怎么样从原来的数据集进行转换的逻辑而已,它仅在某一个计算…

前端知识总结(三)

51、启动GNU加速 硬件加速的工作原理 浏览器接收到一个页面之后&#xff0c;将html解析成DOM树&#xff0c;浏览器解析渲染「html」的过程 按着一定的规则执行&#xff0c;DOM树和CSS树结合后构成浏览器形成页面的 渲染树 ; 渲染树中包含大量的渲染元素&#xff0c;每一个元素…

为阿里云服务器ECS实例安装Nodejs

为阿里云服务器ECS实例安装Nodejs部署Node.js项目&#xff08;CentOS&#xff09;准备工作操作步骤步骤1&#xff1a;部署Node.js环境&#xff08;使用二进制文件安装&#xff09;步骤2&#xff1a;部署测试项目部署Node.js项目&#xff08;CentOS&#xff09; 本文档介绍如何…

JavaScrpt --- es5实现ES6的Number扩展(部分)

ES6对数值对象Number进行了扩展, // ES实现Number.isFinite() (function (global) {var global_isFinite global.isFinite;Object.defineProperty(Number, isFinite, {value: function isFinite(value) {return typeof value number && global_isFinite(value);},co…

webstorm激活+汉化教程

1.安装教程激活 输入的激活网址&#xff1a; http://idea.imsxm.com/ 2.汉化教程 软件适用于&#xff1a;webstorm2017.2以及以上&#xff0c;如有需要可直接加本人QQ 1940694428。 转载于:https://www.cnblogs.com/cisum/p/7919712.html

如何从零开始,成为element-plus的contributor

序言 提到element-ui&#xff0c;我想很多前端er应该都不陌生&#xff0c;而element-ui也是我第二个使用的前端UI库&#xff0c;第一个是bootstrap&#xff08;笑&#xff09;。我是在去年初学vue的时候开始接触elemment-ui的&#xff0c;到现在也快一年了&#xff0c;中间经历…

将Vue+Nodejs项目部署到阿里云服务器

上传文件至云服务器 一、打包文件 在项目根目录下运行 npm run build等待命令运行结束后&#xff0c;会发现目录下多了 dist 文件夹&#xff0c;这个文件夹就是我们等下要放到服务器中的。 二、文件传输 打开 Xftp与实例建立连接云服务器Apache默认的根目录是/var/www/htm…

javascript --- 函数的优化(尾调用优化)

从一个熟悉的Fibonacci数列的实现开始: function Fibonacci (n) {if ( n < 1) { return 1};return Fibonacci(n -1) Fibonacci(n-2); }以上代码很简单… 但执行以下代码 console.log(Fibonacci(100));会发现编译工具,卡住不动. 原因在于:递归调用(函数调用自身),每次都会…

第5课 - 线性表的本质

第5课 - 线性表的本质 数据结构是为了解决生活中的实际问题而存在的&#xff0c;那生活中与线性表相对应的例子有什么呢&#xff1f; 幼儿园中就有一个例子&#xff0c;在老师安排小朋友活动时&#xff0c;会将小朋友组织成下面的站队形式&#xff0c;这个就是线性表。 1. 线性…

Django--网页管理实例解析

此篇为代码流程的注释以及自己写的小项目的思路&#xff1a; 首先是项目的路由配置&#xff1a; 1 urlpatterns [2 # url(r^admin/, admin.site.urls),3 url(r^yemian/,yemian),4 url(r^zuoye/,zuoye),5 url(r^class/,views.class_list),6 url(r^class_ad…

阿里云ecs实例中创建数据库

阿里云ecs实例中创建数据库安装mysql创建数据库1.登录2.新建数据库3.执行.sql文件4.查询表&#xff0c;验证是否创建成功4.退出数据库安装mysql 参考https://blog.csdn.net/qq_36350532/article/details/79496049 创建数据库 1.登录 mysql -u root -p&#xff08;这里写密码…

javascript --- 尾递归优化的实现

考虑一个正常的递归函数 function sum(x, y) {if (y > 0) {return sum (x 1, y - 1);} else {return x;} } sum(1, 100000000);超出调用栈的最大次数… 下面使用尾递归优化实现: function tco(f) {var value ;var active false;var accumulated [];return function acc…

《对不队》团队项目用户验收评审

任务1&#xff1a;团队作业Beta冲刺 Beta冲刺第一天&#xff1a;https://www.cnblogs.com/bingoF6/p/9221744.htmlBeta冲刺第二天&#xff1a;https://www.cnblogs.com/bingoF6/p/9226305.htmlBeta冲刺第三天&#xff1a;https://www.cnblogs.com/bingoF6/p/9230815.htmlBeta冲…

部署项目的问题(一)—— vue工程打包上线样式错乱问题

1、 打开index.html一片空白 参考&#xff1a;链接: link. 修改build对象里的assetsPublicPath为’./’ assetsPublicPath: ./2、ElementUI样式丢失 参考&#xff1a;链接: link. 这里尝试完前三种&#xff1a; 1.main.js样式引入顺序问题 调整了import的顺序&#xff08;…

迟迟发布的软工实践两月感想

第七周&#xff0c;第八周了。 写几点反省。 严谨。工作的时候&#xff0c;说话行文风格要注意&#xff0c;因为这影响沟通的质量&#xff0c;影响别人对你的评价。会间接影响对方的响应&#xff0c;影响合作。学会主动承担责任&#xff0c;做受关注的那个人。主动锻炼自己。开…

构建SpringBoot第一个Demo

使用官方地址生成项目 https://start.spring.io Generate&#xff1a;可以选择Maven或者Gradle构建项目 语言&#xff1a;我想一般都是Java 接下来选择SpringBoot的版本&#xff0c;目前比较稳定的1.5.10 GroupID&#xff1a;自定义 Artifact&#xff1a;自定义 Dependencies&…

部署项目的问题(二)—— 阿里云服务器 ECS升级node版本

在运行服务端代码时报错&#xff0c;当时报错的代码没copy下来&#xff0c;大概就是如下形式 mbp:hybrid-statistic wfp$ node app.js /Users/wfp/Work/hybrid-statistic/app.js:28 async function responseTime(ctx, next) {^^^^^^^^ SyntaxError: Unexpected token function…

javascript --- Object.assign()浅复制解决方法

Object.assign()是浅复制(即:只复制对象得引用而,而不是新实例).它无法正确复制get属性和set属性. 看下面得例子: // 定义一个source对象,含set方法 const source {set foo(value) {console.log(value);} };// 使用Object.assign进行赋值 const target1 {}; Object.assign(t…

微信小程序与Java后台的通信

一、写在前面 最近接触了小程序的开发&#xff0c;后端选择Java&#xff0c;因为小程序的代码运行在腾讯的服务器上&#xff0c;而我们自己编写的Java代码运行在我们自己部署的服务器上&#xff0c;所以一开始不是很明白小程序如何与后台进行通信的&#xff0c;然后查找资料发现…

面向对象初识④

抽象类与接口类 接口类 继承有两种用途&#xff1a; 一&#xff1a;继承基类的方法&#xff0c;并且做出自己的改变或者扩展&#xff08;代码重用&#xff09; 二&#xff1a;声明某个子类兼容于某基类&#xff0c;定义一个接口类Interface&#xff0c;接口类中定义了一些接口…