前端通信:ajax设计方案(九)--- 完善文档
ajax-js 1.9.1 文档 目录 * common(options, isCreatePoll)
* config(options)
* get(url, data, successEvent, errorEvent, timeoutEvent)
* post(url, data, successEvent, errorEvent, timeoutEvent)
* postJSON(url, data, successEvent, errorEvent, timeoutEvent)
* postFormData(url, formData, successEvent, errorEvent, timeoutEvent)
* obtainBlob(type, url, data, successEvent, errorEvent, timeoutEvent)
* promiseAjax(url, data, type)
* longPolling(type, url, data, successEvent, timeFrequency, errorEvent, timeoutEvent)
* upload(url, file, size, fileType, successEvent, errorEvent, timeoutEvent)
* upload_big(url, file, cutSize, fileType, successEvent, progressEvent, errorEvent, timeoutEvent) common(options, isCreatePoll)
参数:
* options <object> 请求参数,指定请求的各种参数,具体参数设置请到最下面查看
* isCreatePoll <boolean> 是否创建请求连接池子(内部使用,不对外,下一期迭代修改) 描述:
ajax-js库核心api,其他暴露方法都是对该方法的封装 config(options)
参数:
* options <object> 全局参数,具体参数设置请到最下面查看
描述:
设置请求的全局参数 get(url, data, successEvent, errorEvent, timeoutEvent)
参数:
* url <string> 请求地址
* data <object> 请求参数
* successEvent <function> 成功回调
* errorEvent <function> 失败回调 [可选]
* timeoutEvent <function> 超时回调 [可选] 描述:
get请求 post(url, data, successEvent, errorEvent, timeoutEvent)
参数:
* url <string> 请求地址
* data <object> 请求参数
* successEvent <function> 成功回调
* errorEvent <function> 失败回调 [可选]
* timeoutEvent <function> 超时回调 [可选] 描述:
post请求,默认contentType = ''的请求 postJSON(url, data, successEvent, errorEvent, timeoutEvent)
参数:
* url <string> 请求地址
* data <object> 请求参数
* successEvent <function> 成功回调
* errorEvent <function> 失败回调 [可选]
* timeoutEvent <function> 超时回调 [可选] 描述:
post请求,默认contentType = 'json'的请求 postFormData(url, formData, successEvent, errorEvent, timeoutEvent)
参数:
* url <string> 请求地址
* formData <formData> 请求参数,formData对象
* successEvent <function> 成功回调
* errorEvent <function> 失败回调 [可选]
* timeoutEvent <function> 超时回调 [可选] 描述:
post请求,发送formData对象 obtainBlob(type, url, data, successEvent, errorEvent, timeoutEvent)
参数:
* type <string> 请求类型(默认post)
* url <string> 请求地址
* data <object> 请求参数
* successEvent <function> 成功回调
* errorEvent <function> 失败回调 [可选]
* timeoutEvent <function> 超时回调 [可选] 描述:
发送请求,获取blob二进制的数据流 promiseAjax(url, data, type)
参数:
* url <string> 请求地址
* data <object> 请求参数
* type <string> 请求类型 描述:
封装promise,处理请求 注意:
在后面迭代将完善promise模型实现,然后把该方法去除,让所有对外暴露方法直接接入promise longPolling(type, url, data, successEvent, timeFrequency, errorEvent, timeoutEvent)
参数:
* type <string> 请求类型
* url <string> 请求地址
* data <object> 请求参数
* successEvent <function> 成功事件处理,如果让轮询停止,则在第二个回调参数设置stop属性就好
* timeFrequency <function> 轮询时间
* errorEvent <function> 失败回调 [可选]
* timeoutEvent <function> 超时回调 [可选] 描述:
长轮询请求,支持无限轮询和可控制式的轮询 注意:
successEvent(data,that)回调中,可以设置that.stop = true让轮询停止 upload(url, file, size, fileType, successEvent, errorEvent, timeoutEvent)
参数:
* url <string> 文件上传地址
* file <blob> input=file 选择的文件
* size <number> 文件限制大小
* fileType <string/array> 文件限制类型 mime类型。所有类型设置:'*',否则其他类型,每个类型都用数组包括进去
* successEvent <function> 成功事件处理,如果让轮询停止,则在第二个回调参数设置stop属性就好
* errorEvent <function> 失败回调 [可选]
* timeoutEvent <function> 超时回调 [可选] 返回:
* status
* 0请选择文件
* 1超出文件限制大小
* 2非允许文件格式 描述:
上传文件请求 注意:
浏览器和服务器对上传文件都有大小限制的 upload(url, file, cutSize, fileType, successEvent, progressEvent, errorEvent, timeoutEvent)
参数:
* url <string> 文件上传地址
* file <blob> input=file 选择的文件
* cutSize <number> 切割文件大小
* fileType <string/array> 文件限制类型 mime类型。所有类型设置:'*',否则其他类型,每个类型都用数组包括进去
* successEvent <function> 成功事件处理,如果让轮询停止,则在第二个回调参数设置stop属性就好
* errorEvent <function> 失败回调 [可选]
* timeoutEvent <function> 超时回调 [可选] 返回:
* status
* 0请选择文件
* 1非允许文件格式 描述:
超大文件切割上传 注意:
该方法规避了浏览器和服务器对上传文件大小的限制,但是对于后端处理每个分片文件最后组合有一定的要求 全局参数含义
options可设置参数:
* url
* 描述: 接口请求地址
* 默认值:'' * type
* 描述: 接口请求类型,现支持get、post,往后迭代完善符合RESTfull的规则
* 默认值:'post' * baseURL
* 描述: 统一追加前缀
* 默认值:'post'
* demo:所有接口请求都有/api或者https://xxx,就可以进行设置,会在每个请求时候统一追加到完整url中 * data
* 描述: 接口传输的数据,默认{},get请求会追加到url中,post正常在请求体中
* 默认值:{} * async
* 描述: 是否异步请求
* 默认值:true
* 注意: 在新规范中,浏览器已经将false进行警告,这是影响用户体验的操作,因为同步请求会阻塞页面 * requestHeader
* 描述: 接口请求中设置的http的header数据
* 默认值:{} * publicData
* 描述: 接口请求中的公共数据,功能类似baseURL一样,最后会合并的
* 默认值:{} * timeout
* 描述: 接口请求超时时间
* 默认值:5000
* 注意: 这是浏览器侧的超时时间,超过时间浏览器会主动断开连接,做超时响应事件 * responseType
* 描述: 希望获得的接口响应数据类型
* 默认值:'json'
* 注意: 这是XMLHTTPRequest level 2的规范,支持''、'text'、'document'、'json'、'blob'、'arrayBuffer' * contentType
* 描述: 接口请求中可以发送的数据类型
* 默认值:''
* 注意: 内置可设置的值''、'json'、'form',如有其它需求,可在requestHeader中设置content-Type的值 * withCredentials
* 描述: 在跨域接口请求中是否发送跨域凭证(cookie)
* 跨域方案: CORS跨域
* 默认值:false
* 注意: 内置可设置的值''、'json'、'form',如有其它需求,可在requestHeader中设置content-Type的值 * errStatus
* isOpenErr :是否开启功能
* errURL: 搜集错误上报接口
*
* 描述:是否设置错误搜集机制
* 默认值:isOpenErr = false、errURL = '' * loadBalancing
* isOpen: 是否开启功能
* cluster: 负载服务器地址,可以配置多活地址
*
* 描述:提供前端请求分发功能
* 默认值:isOpenErr = false、cluster = [] * serviceSwitching
* isOpen: 是否开启功能
* strategies:服务切换策略
* backupUrl:服务切换地址
*
* 描述:宕机切换功能,在特定策略中,能够使前端有能力进行服务切换
* 默认值:isOpen = false、strategies = function(){}、backupUrl = '' * pool
* isOpen: 是否开启功能
* requestNumber: 请求池等待连接的请求数量
*
* 描述:请求池优化请求速度
* 默认值:isOpen = true、requestNumber = 6 * transformRequest
* 描述:请求前参数处理
* 默认值:function(data){ return data }
* 注意: data为需要处理参数 * transformResponse
* 描述:请求后参数处理
* 默认值:function(data){ return data }
* 注意: data为需要处理参数 * successEvent
* 描述: 请求成功的回调处理
* 默认值:function(res){}
* PS: res为请求成功返回的数据 * errorEvent
* 描述: 请求错误的回调处理
* 默认值:function(err){}
* PS: err为请求错误的消息 * timeoutEvent
* 描述: 请求超时的回调处理
* 默认值:function(timeout){} * PS: timeout为请求超时的消息 之前欠下的文档,现在终于补全了,也可以去git上查看,顺手点个star,感谢
前端通信:ajax设计方案(九)--- 完善文档的更多相关文章
- 前端基础-CSS如何布局以及文档流
一. 网页布局方式 二. 标准流 三. 浮动流 四. 定位流 一. 网页布局方式 1.什么是网页布局方式 布局可以理解为排版,我们所熟知的文本编辑类工具都有自己的排版方式, 比如word,nodpad ...
- 前端调用后台接口下载word文档的两种方法
1传统的ajax虽然能提交到后台,但是返回的数据被解析成json,html,text等字符串,无法响应浏览器下载.就算使用bob模拟下载,数据量大时也不方便 废话不多说:上代码(此处是Layui监听提 ...
- Javascript Ajax异步读取RSS文档
RSS 是一种基于 XML的文件标准,通过符合 RSS 规范的 XML文件可以简单实现网站之间的内容共享.Ajax 是Asynchronous JavaScript and XML的缩写.通过 Aja ...
- PowerDesigner(九)-模型文档编辑器(生成项目文档)(转)
模型文档编辑器 PowerDesigner的模型文档(Model Report)是基于模型的,面向项目的概览文档,提供了灵活,丰富的模型文档编辑界面,实现了设计,修改和输出模型文档的全过程. 模型文 ...
- VS2010/MFC编程入门之三十九(文档、视图和框架:概述)
前面几节讲了菜单.工具栏和状态栏的使用,鸡啄米本节开始将为大家讲解文档.视图和框架的知识. 文档.视图和框架简介 在VS2010/MFC编程入门之三十四(菜单:VS2010菜单资源详解)创建的单文档工 ...
- 前端css盒模型及标准文档流及浮动问题
1.盒模型 "box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子.我们称为这种盒子叫盒模型. 盒模型有两种:标准模型和IE模型.这里重 ...
- (九)文档和视图,Invalidate,数据库编程
一.文档视图结构 文档类(CDocument):存储加载(读写)数据视图类(CView):显示和修改数据 1)单文档 a)文档模板:把框架窗口.文档.视图关联在一起b)文档类(CDocument): ...
- AJAX文档
AJAX 文档 AJAX开发简略.................................................................................... ...
- 目录结构-内置(AJAX)帮助文档
Discuz common.js 内置(AJAX)函数帮助文档 作者:cr180 / 整理日期:1970-01-01 / 个人站点:www.cr180.com / Discuz超级管家 showMen ...
随机推荐
- TinyMCE Editor
TinyMCE Editor(https://www.tinymce.com/features/) is an online text editor, it is used to write post ...
- 【git】git简单使用教程
git的简单使用教程: 1.安装git bash客户端 2.打开git bash,cd到需要存储代码的路径下, 执行:git clone -b deploy ssh://git@gitlab.xxxx ...
- Hdu4185 Oil Skimming
Oil Skimming Problem Description Thanks to a certain "green" resources company, there is a ...
- Lib作为“静态库”与“动态库”中的区别
Lib作为“静态库”与“动态库”中的区别 0. 前言: 什么是静态连接库: 静态库在链接阶段,会将汇编生成的目标文件.o与引用到的库一起链接打包到可执行文件中.因此对应的链接方式称为静态链接. 为什么 ...
- java 图片压缩 缩放
废话不多说,直接上代码,静态方法可直接调用,中间用流来处理的 /** * 图片缩放(未考虑多种图片格式和等比例缩放) * @param filePath 图片路径 * @param height 高度 ...
- ElementTriArgyris
class ElementTriArgyris(ElementH2): nodal_dofs = 6 facet_dofs = 1 dim = 2 maxdeg = 5 def gdof(self, ...
- [转载]WIKI MVC模式
MVC模式(Model-View-Controller)是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model).视图(View)和控制器(Controller). MVC模式最 ...
- .NET高级代码审计(第三课)Fastjson反序列化漏洞
0X00 前言 Java中的Fastjson曾经爆出了多个反序列化漏洞和Bypass版本,而在.Net领域也有一个Fastjson的库,作者官宣这是一个读写Json效率最高的的.Net 组件,使用内置 ...
- C#Winfrom数据库读取日期(年月日格式转换)
显示类型:2018-6-1 //说明:data_time.Text 控件名文本值 :dataset.Tables[0].Rows[0]["art_time"] 数据集.表名.[行 ...
- NTLM移除