vue post 调用 Java webservice 工具类
时间: 2023-09-10 14:14:15 浏览: 116
你可以尝试使用 Axios 库来发送 POST 请求调用 Java WebService。下面是一个简单的工具类示例:
```javascript
import axios from 'axios';
const ApiService = {
post(url, data) {
return axios.post(url, data, {
headers: {
'Content-Type': 'text/xml;charset=UTF-8',
},
transformRequest: [(data) => {
let xml = '';
for (const key in data) {
if (data.hasOwnProperty(key)) {
xml += `<${key}>${data[key]}</${key}>`;
}
}
return `<?xml version="1.0" encoding="UTF-8"?>${xml}`;
}],
});
},
};
export default ApiService;
```
在这个工具类中,我们使用了 Axios 库来发送 POST 请求。我们设置了 Content-Type 为 text/xml;charset=UTF-8,这是因为我们将要发送的数据是一个 XML 字符串。我们还定义了一个 transformRequest 函数来将数据转换为 XML 格式。
调用该工具类时,只需传递 WebService 的地址和需要发送的数据即可:
```javascript
import ApiService from './ApiService';
const url = 'http://localhost:8080/yourWebService';
const data = {
param1: 'value1',
param2: 'value2',
};
ApiService.post(url, data)
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.log(error);
});
```
这是一个简单的示例,你需要根据实际情况进行适当修改。
阅读全文