将我们的请求发向我们想去的地方

本文介绍了一种隐蔽地发送请求的方法,避免直接展示给用户。通过使用iframe和window对象尝试实现,但遇到显示和关闭时机的问题。最终采用在JSP页面创建表单并提交的方式成功发送请求。
 
     项目中要调个URL以调用OA那边的处理.马上想到一个办法.设置一个iframe,设置其src属性,当满足条件就把这个iframe打开.通过iframe间接的完成我们的工作(注意这里用的是间接),但是我不想让用户看见这个iframe怎么办?容易,iframewidth height属性设置为0就可以了.但是注意如果将iframe所在的formenctype属性设置为"multipart/form-data"就不能调用iframe,(具体原因我现在暂时还不知道).所以我又想到可以利用window对象.,javascript利用window对象的.open方法来生成一个新的window对象:
var win = window.open();然后将url放入open方法中,:
var win = window.open(URL,"_blank","height=0,width=0");但是有个问题了,窗口是打开了,请求发出了,但是虽然设置了窗口大小,但是却还是会有个窗口的bar在停留在我屏幕上(因为window对象还是存在).然后想到win.close(),,不错,一跑窗口好像打开了一下然后自己自动关闭了.再一看,不对,这样的话请求还没来得及发出就把窗口关闭了.接下来进入思路的死循环突然想起,之前总结过一篇单点登录的文章,里面好像可以自动往一个目标URL发请求的,找来一看,恍然大悟,其实为什么要搞得那么麻烦啊.jsp上新写一个<form>设定好名name=form1,method=post;然后写脚本
document.form1.action = Url;
 document. form1.submit();
再一运行,这不请求就发出去了吗,什么都不需要打开.呵呵,,上了思维的当了,有时候编程序不要太理性太逻辑化也未必不是件好事额….呵呵.enjoying~
 
### 在 UniApp 中发送网络请求 在 UniApp 开发框架中,`uni.request` 是官方推荐的用于发起 HTTP 请求的核心方法[^2]。虽然 Vue 的 `Axios` 提供了更简洁和功能丰富的 API 调用方式,但在 UniApp 中无法直接使用 Axios,因为其运行环境不同于标准浏览器或 Node.js。 以下是基于 `uni.request` 封装的一个简单示例: #### 创建封装文件 可以创建一个名为 `http.js` 的文件来集中管理所有的请求逻辑。 ```javascript // http.js 文件 export default function request(options) { const { url, method = 'GET', data = {}, header = {} } = options; return new Promise((resolve, reject) => { uni.request({ url, method, data, header: { ...header, 'Content-Type': 'application/json' // 默认设置 Content-Type }, success(res) { if (res.statusCode === 200 && res.data.success) { resolve(res.data); } else { reject(new Error('Request failed')); } }, fail(err) { reject(err); } }); }); } ``` #### 使用封装后的请求函数 通过上述封装,可以在项目中的任何地方轻松调用该函数。 ```javascript import request from './path/to/http'; async function fetchData() { try { const response = await request({ url: 'https://api.example.com/data', method: 'POST', data: { key: 'value' } }); console.log(response); // 输出返回的数据 } catch (error) { console.error(error.message); // 处理错误 } } fetchData(); ``` 此封装实现了基本的功能需求,包括支持 GET 和 POST 方法、自定义头部参数以及处理成功与失败的情况。 对于希望模仿 Axios 风格的需求,可以通过进一步扩展此封装,增加拦截器等功能模块,从而提升开发体验并保持一致性[^1]。 --- ### 注意事项 - **跨域问题**:如果目标服务器未配置 CORS 支持,则可能遇到跨域访问限制。 - **安全性**:敏感数据传输应采用 HTTPS 协议,并考虑加密措施保护信息安全。 - **超时控制**:建议为每次请求设定合理的 timeout 时间以防止长时间无响应影响用户体验。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值