uniapp使用ajax发送请求,uni-app中使用rpc协议请求

1、首先安装一个rpc 包 npm install js-jsonrpc-request

2、通用请求ajax.js简单封装。

注意的是：入参我的是数组，出参是一个简单变量。github给的例子，入参是对象，出参也是对象，这块有需要可以修改。

`import JsonRpcClient from 'js-jsonrpc-request';

import requestUrl from '@/common/requestURL.js';

const jsonrpc = new JsonRpcClient({

apiRoute: requestUrl.basicURL,

headers: {

'X-API-CLIENT': 'key',

},

withMeta: false,

});

const ajax = (opt) => {

opt = opt || {};

opt.url = opt.url ;

opt.data = opt.data || null;

opt.prompt = opt.prompt || '加载中...';

opt.success = opt.success || function() {};

uni.showLoading({

title: opt.prompt

});

jsonrpc

.request(opt.url, opt.data)

.then((res) => {

console.log('data', res);

uni.hideLoading();

opt.success(res.data);

})

.catch((err) =>{

var str = JSON.stringify(err);

uni.showToast({

title: str,

duration: 522000,

icon: 'none'

});

});

}

export {

ajax

}

`

3、调用：

` import {ajax} from '@/common/ajax.js';

ajax({

url:"softUpdate.getNewVersion",

data:['android'],

success:function(res){

console.log("结果。。。。",res);

}

});

`