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
javascript --- 实现Ajax的代码相关推荐
- ajax 上传文件实例,JavaScript使用Ajax上传文件的示例代码
本文介绍了JavaScript使用Ajax上传文件的示例代码,分享给大家,具体如下: 实现文件的上传主要有两种方式: 使用form表单提交上传 html代码如下: 上传 此时的JavaScript代码 ...
- [转]掌握Ajax 第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 [IBM]
转自:http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步 ...
- 隐藏ajax的调用地址,c# – ASP.NET jQuery Ajax调用代码隐藏方法
我对Web开发非常新鲜,但在开发方面有很多经验.我有一个ASP页面有几个输入字段和一个提交按钮.这个提交按钮纯粹叫$.ajax,我打算在代码隐藏文件中调用一个方法.不过,我注意到两件有趣的事情.首先, ...
- JavaScript中ajax如何不刷新,JavaScript基于Ajax实现不刷新在网页上动态显示文件内容...
本文实例讲述了JavaScript基于Ajax实现不刷新在网页上动态显示文件内容的方法.分享给大家供大家参考.具体如下: 下面的JS代码是一个最基础的JS的ajax实现,可以动态显示服务器上的文件aj ...
- php ajax 分页phpapi,ajax分页_php ajax分页代码
摘要 腾兴网为您分享:php ajax分页代码,智慧农业,长沙银行,一折包邮,信和财富等软件知识,以及381.65,红娘牵线,中经油马,战地小,歌词制作,唯美会,微软必应输入法,邓州在线,螺丝钉,侠客 ...
- JavaScript、Ajax与jQuery的关系
简单总结: 1.JS是一门前端语言. 2.Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新. 3.jQuery是一个框架,它对JS进行了封装 ...
- ABP文档 - Javascript Api - AJAX
本节内容: AJAX操作相关问题 ABP的方式 AJAX 返回信息 处理错误 HTTP 状态码 WrapResult和DontWrapResult特性 Asp.net Mvc 控制器 Asp.net ...
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
转http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 ...
- CSS、JavaScript和Ajax实现图片预加载的三大方法及优缺点分析
预加载图片是提高用户体验的一个很好方法.图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度.这对图片画 廊及图片占据很大比例的网站来说十分有利,它保证了图片快速.无缝地发 ...
最新文章
- 跟踪workflow instance 状态
- 时间复杂度的计算方法
- Elasticsearch学习(3) spring boot整合Elasticsearch的原生方式
- sess.run(tf.global_variables_initializer()) 做了什么?
- python list存储方式_python list存储
- Html前端基础(select下拉选标签、table表格标签)
- Spring中IoC创建对象方式(构造器注入)
- 深度学习2.0-35.ResNet-18实战
- [RK3399][Android7.1] 调试笔记 --- 查看开机上一次kernel log
- 只保留日期_第五人格五个特定活动道具十分少见 最后一个一年只出现一次
- js_单例模式制作无限弹窗(3s内销毁)
- 截图转文字怎么操作?截图转文字的软件有哪些?
- IBM携手百洋医药 将沃森超级电脑带给中国肿瘤科医师
- 关于php的梗儿_php是世界上最好的语言是什么梗?
- 捋一捋dubbo配置
- yoctoqemu(十二)openssh
- TCP/IP协议详解(TCP/IP protocol)
- Premiere视频片段剪辑、添加音乐、添加字幕
- java8 朗姆表达式,Python基础
- 城市防疫黑科技,联诚发5G多功能智慧杆显身手
热门文章
- ios 检测是否联网_秋招|阿里 iOS 五轮面经分享,已收到阿里的意向书
- python读取大文件目录_65.Python读取大文件
- mysql distinct 条件,多行条件下的mysql distinct列
- c++整理程序 dev_C编程从入门到实践:C语言开发工具详解(2)
- 自然哲学的数学原理_物理起源点,牛顿《自然哲学的数学原理》
- centos路由查看命令_CentOS下使用Route命令添加路由
- LeetCode面试题03. 数组中重复的数字
- 五种方法提高你的智力
- 如何使用 tf object detection
- (转)MySQL自带的性能压力测试工具mysqlslap详解