vxe-ajax - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

index.js

		@@ -1,13 +0,9 @@
		import { XEAjax } from './src/constructor'
		import ajax from './src/ajax'

		XEAjax.mixin(ajax)

		/**
		* Install Vue plugin
		* Install VxeAjax
		*/
		function plugin (Vue) {
		function plugin (Vue, func) {
		var constructor = func.ajax
		Object.defineProperty(Vue, 'ajax', function () {
		XEAjax.context = window
		return XEAjax
		constructor.context = window
		return constructor
		})
		@@ -17,4 +13,4 @@ Object.defineProperties(Vue.prototype, {
		get () {
		XEAjax.context = this
		return XEAjax
		constructor.context = this
		return constructor
		}
		@@ -21,0 +17,0 @@ }

package.json

		{
		"name": "vxe-ajax",
		"version": "1.0.3",
		"description": "vxe-ajax 使用Promise提供便捷函数式调用api",
		"version": "1.0.4",
		"description": "vxe-ajax 基于Vue全局安装xe-ajax",
		"main": "index.js",
		@@ -16,4 +16,5 @@ "scripts": {
		"vue-ajax",
		"xe-ajax",
		"vxe-ajax",
		"vxe"
		"xe"
		],
		@@ -20,0 +21,0 @@ "author": {

114

README.md

		@@ -9,119 +9,13 @@ # vxe-ajax 使用Promise提供便捷函数式调用api

		### 在Vue模块化的打包环境中通过 Vue.use() 来全局安装
		### 通过 Vue.use() 来全局安装
		``` shell
		import Vue from 'vue'
		import XEAjax from 'vxe-ajax'
		import XEAjax from 'xe-ajax'
		import VXEAjax from 'vxe-ajax'

		Vue.use(XEAjax)
		Vue.use(VXEAjax, XEAjax)

		```

		## API :
		### vxe-ajax 提供的便捷方法：
		* get ( url, params, options )
		* getJSON ( url, params, options )
		* post ( url, body, options )
		* postJSON ( url, body, options )
		* put ( url, body, options )
		* putJSON ( url, body, options )
		* patch ( url, body, options )
		* patchJSON ( url, body, options )
		* delete ( url, body, options )
		* deleteJSON ( url, body, options )
		* jsonp ( url, params, options )

		### 接受三个参数：
		* url（字符串），请求地址。可被options属性覆盖。
		* params/body（可选，对象/数组），要发送的数据。可被options属性覆盖。
		* options （可选，对象）参数
		``` shell
		// 返回response对象
		this.get('url').then(response => {
		// this 指向当前vue实例
		response.body
		}).catch(response => {
		// this 指向当前vue实例
		response.body
		response.status
		})
		// 直接返回数据
		this.getJSON('url').then(data => {
		// this 指向当前vue实例
		}).catch(data => {
		// this 指向当前vue实例
		})
		// url参数和数据同时提交
		this.postJSON('url', {name: 'aaa'}, {params: {id: 1}}).then(data => {
		// this 指向当前vue实例
		}).catch(data => {
		// this 指向当前vue实例
		})
		```
		### 调用参数
		\| 参数 \| 类型 \| 描述 \| 值 \|
		\|------\|------\|-----\|----\|
		\| url \| String \| 请求地址 \| \|
		\| baseURL \| String \| 基础路径 \| \|
		\| method \| String \| 请求方法 \| 默认get \|
		\| params \| Object/Array \| 请求参数 \| \|
		\| body \| Object/Array \| 提交参数 \| \|
		\| bodyMode \| String \| 提交参数方式 \| 默认json，如果要以表单方式提交改为'formData' \|
		\| jsonp \| String \| 调用jsonp服务,回调属性默认callback \| 默认callback \|
		\| jsonpCallback \| String \| jsonp回调函数名 \| 默认从window取值 \|
		\| async \| Boolean \| 是否异步 \| true \|
		\| timeout \| Number \| 设置超时 \| \|
		\| headers \| Object \| 请求头 \| \|
		\| iterators \| Function \| 局部拦截器 \| \|

		### 设置默认参数
		``` shell
		Vue.ajax.defaults = {
		baseURL: 'xxx.com',
		bodyMode: 'formData',
		headers: {
		'Content-Type': 'application/x-www-form-urlencoded'
		}
		}
		```

		### 设置拦截器
		``` shell
		Vue.ajax.oninterceptor = (request, next) => {
		// 请求之前处理

		// 更改请求类型为POST
		request.method = 'post'

		// 继续执行,如果不调用next则不会往下走
		next()
		}
		Vue.ajax.oninterceptor = (request, next) => {
		// 请求之前处理

		// 继续执行
		next( (response) => {
		// 请求之后处理

		// 更改请求结果数据
		response.body = {}
		})
		}
		Vue.ajax.oninterceptor = (request, next) => {
		// 请求之前处理

		// 继续执行,如果希望直接返回数据,结束请求

		// 直接返回
		// next({response: [{id: 1}, {id: 2}], status: 500})
		// 异步返回
		new Promise( (resolve, reject) => {
		setTimeout( () => {
		next({response: {a: 1, b: 2}, status: 200})
		}, 10)
		})

		}
		```

		## License
		Copyright (c) 2017-present, Xu Liangzhan

src/ajax.js

src/constructor.js

src/promise.js

src/request.js

src/response.js

src/util.js

vxe-ajax - npm Package Compare versions

New alerts

Fixed alerts

Worsened metrics