安卓webview post传值问题

最新推荐文章于 2021-11-27 14:20:18 发布
最新推荐文章于 2021-11-27 14:20:18 发布
阅读量2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 安卓记录 文章标签： webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/shanlianting/article/details/28597577
本文介绍了一种利用Map集合来构建HTTP POST请求参数的方法。通过将键值对存储在Map中，然后转换为字符串形式，并使用BASE64编码发送到WebView。此方法简化了POST请求的数据准备过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

比如要传过去的键值对分别为 user_name = abc, password = 123456;

String postdata = "user_name=abc&password =123456";

mWebView.postUrl(url,EncodingUtils.getBytes(postData, "BASE64"));


如果把键值对存在了一个map里面，那么就用以下正则表达式，转化成一个字符串，

String postData = map.toString().replaceAll("[{}]", "").replace(",", "&");

mWebView.postUrl(url,EncodingUtils.getBytes(postData, "BASE64"));

这样就可以把这个值post过去了。



Android 如何传递参数给webView的h5页面
m0_46268254的博客
05-30 2072
Android和h5页面交互，传递参数
Android Webview posturl 传参被encode问题
ouyangjiluo的专栏
01-21 6942
Android Webview posturl 传参encode问题       1、起因，闲话少说，近期因项目需求，需要在webview必须通过post方式加载url并传参，自然想到posturl(url,byte[])        2、问题，起初很简单，JSON拼接参数，然后转String，最后String.getBytes()，自然得到了byte[]，服务器也很顺利接收到了，可
Android利用post方式给webview传递json参数
春暖花自开
12-29 9417
需求:利用webview打开一个URL界面,并且利用post方式传递参数一个json字符串的参数; 主要代码如下:省略了webview的设置@Override public void onClick(View view) { OkHttpClient client=new OkHttpClient(); Request builder=new Request
webview 向Android传参
weixin_34007906的博客
03-25 316
为什么80%的码农都做不了架构师？>>> ...
Android WebView 通过post形式访问
zyfromcq的专栏
01-17 442
//需要访问的网址 String url = "http://www.cqjg.gov.cn/netcar/FindThree.aspx"; //post访问需要提交的参数 String postDate = "txtName=zzz&QueryTypeLst=1&CertificateTxt=dsds"; //由于webView.postUrl(url, postD...
uniapp与webview之间的相互传值的实现
10-15
在移动应用开发中，uni-app是一个跨端框架，它允许开发者编写一次代码，就能在iOS、Android、H5等多个平台上运行。而Webview是uni-app中用于嵌入HTML5页面的组件，它使得原生应用能够加载和展示网页内容。在uni-app...
Android WebView与js相互调用以及传值
yue_233的博客
07-09 625
Android WebView与js相互调用以及传值 一. JS通过WebView调用 Android 代码： mWebView = (WebView) findViewById(R.id.webview); WebSettings webSettings = mWebView.getSettings(); // 设置与Js交互的权限 webSettings.setJavaScriptEnable...
android向html传值,VUE与Android和IOS原生传值
weixin_35743031的博客
05-27 580
一.Android向Vue传数据1.Android端传数据android5.0之前的可以用下面的方式：webView.loadUrl("javascript:getDataFromNative('" + mParam + "')");android5.0之后的可以用下面的方式：webView.evaluateJavascript("javascript:getDataFromNative('" +...
uniapp向webview传值
09-06
uniapp是一种基于Vue.js的跨平台开发框架，可以同时构建iOS、Android和web应用。在uniapp中，我们可以使用uni.navigateTo或uni.redirectTo等跳转方法来打开一个新的页面，这个新页面可以是uniapp页面，也可以是...
Android WebView 使用Posturl 加载网页，给网址传值
10-11
Android WebView 可以通过 `loadUrl()` 或者 `postUrl()` 方法加载网页并传递参数。如果你想传递 URL 以及额外的数据，可以使用 `postUrl()` 方法，该方法允许你在发送 HTTP 请求到指定 URL 的同时附带数据。 以下...
Android拦截并获取WebView内部POST请求参数的实现方法
08-26
主要介绍了Android拦截并获取WebView内部POST请求参数 的实现方法，本文通过两种方案给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
android webview模拟网页post操作
01-09
android webview模拟网页post操作
webview传参给Android,webview 向Android传参
weixin_34229578的博客
05-26 867
订单页面是webview，但是支付页面是客户端做，所以要在去付款的标签上onclick js传参。functionOrderPay(order_id,pay_type,pay_account_id){if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){window.location.href='aoxintest://Order...
Android 实测WebView获取页面的post请求参数（form，ajax）
ZBM来了
11-27 4925
背景 由于项目需求要获取某些网页的请求参数信息，get请求的参数拼接在url中，所以可以直接拦截url获得，但是post请求的参数信息存放在body里面，android没有提供方法直接获取，而该网页是其他第三方提供的，不方便修改网页代码来传递参数给android原生这边，所以可以通过js注入的方式来获取。 关键步骤 js代码 核心js代码下载jscore 从文件中读取js代码为字符串，便于后面给webview加载 public class IOUtils { public static byte[]
android webview loadurl posturl,WebView以POST方式加载URL
weixin_35781693的博客
05-26 1419
一般情况下，调用WebView.loadUrl(url)方法即可加载需要展示的Html页面了，如果需要传参数的话，我们也可以把参数拼在url后面(像这样http://www.baidu.com/s?word=WebView)，一并传给服务端。但有时候情况比较特殊，比方说，请求页面的时候我们还想通过post方式传一些参数过去，这个时候直接调用上述方法就不行了。这个时候该怎么办呢？这里讲一个开发中的小...
iOS开发之WebView怎么加载post请求并且传参数
GorLong的博客
04-11 8737
由于种种因素,现在国内的移动开发大都是原生和html5或者开发, 那么iOS端的UIWebView和WKWebView就启到了非常重要的作用! 而从我们原生页面跳转的web页面的时候我们往往需要像前端传递参数,今天我们要说的就是:webView怎么加载post请求并传递参数!         代码如下: UIWebView *webView = [[UIWebView alloc] init]
Android通过Post请求网页（WebView）
dodouaj的专栏
07-17 2544
WebView wv = (WebView)findViewById(R.id.webView_event); wv.getSettings().setJavaScriptEnabled(true); wv.requestFocus(); wv.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); wv.postUrl(url, En
webview 上 postUrl 发送参数过程中数据丢失或错误 的问题
热门推荐
raining_heart的专栏
11-18 1万+
这几天在数据访问中加入了加密
Android WebView POST请求详解
binbin_1989的博客
02-03 4557
1、把你要传的参数添加到集合中 TreeMap params = geturl(countApi); 2、遍历集合把集合的数据就  key=value+&  的形式拼成字符串 Set keySet = params.keySet();           Iterator iter = keySet.iterator();           while (i
uniapp微信小程序 webview h5 传值
最新发布
05-30
<think>嗯，用户的问题是关于在UniApp微信小程序中通过WebView实现H5页面和小程序之间的传值，特别是使用postMessage方法。我需要结合用户提供的引用内容来整理出正确的实现步骤，同时注意他们提到的限制和替代方案。首先，用户提到的引用[1]中，他们使用URL参数传递数据，并在H5页面中通过解析URL获取参数。这应该是小程序向H5传值的主要方法。然后，H5通过postMessage回调，但根据引用[2]和[3]，微信的postMessage有实时性限制，只有在特定时机触发，比如页面后退、分享等。用户可能想知道如何正确使用postMessage，以及如何绕过这些限制。我需要分步骤讲解，先讲小程序到H5的传值，通过URL参数，然后H5到小程序使用postMessage，同时指出其限制。然后，可能需要提到替代方案，比如WebSocket或者结合页面跳转的方法，如引用[3]中的redirectTo，这可能触发message事件。另外，用户之前的问题中提到了突破实时限制的方案，比如结合页面跳转或WebSocket，这里需要再次强调这些方法，并给出示例代码。同时，安全性和验证也是需要注意的点，比如消息来源验证和数据格式检查。 还要注意引用中的不同实现方式，比如引用[1]中的@message事件监听，引用[3]中的jWeixin.miniProgram.postMessage和redirectTo的组合使用。需要解释这些方法的差异和适用场景。 最后，确保回答结构清晰，步骤明确，代码示例正确，并且涵盖用户可能遇到的问题，如安全性、性能优化和调试技巧。同时，生成的相关问题要覆盖用户可能进一步关心的点，比如消息来源验证、WebSocket配置、多组件通信等。</think>### UniApp微信小程序WebView与H5传值实现指南 #### 一、基础通信方案 ##### 1. 小程序向H5传值（单向） **实现方式**：通过URL参数传递（推荐方案）[^1] ```vue <template> <web-view :src="h5Url"></web-view> </template> <script setup> // 小程序端传参 const testData = { userId: 123, token: 'abc' }; const h5Url = `https://your-h5-domain.com?data=${encodeURIComponent(JSON.stringify(testData))}`; </script> ``` **H5端接收参数**： ```javascript // H5页面onLoad时获取参数 const query = new URLSearchParams(window.location.search); const data = JSON.parse(decodeURIComponent(query.get('data'))); console.log('收到小程序参数:', data); // 输出：{userId:123, token:'abc'} ``` ##### 2. H5向小程序传值（需注意触发限制） **使用`wx.miniProgram.postMessage`**（受微信实时性限制）[^2] ```javascript // H5页面发送消息 wx.miniProgram.postMessage({ data: { action: 'submit', data: 'H5数据' } }); // 小程序端监听消息 <web-view @message="handleMessage"></web-view> const handleMessage = (e) => { console.log('收到H5消息:', e.detail.data); // 需特定时机才能触发[^2] }; ``` #### 二、突破实时限制的解决方案 ##### 方案1：强制触发消息接收 ```javascript // H5发送消息后立即跳转页面（触发消息接收） wx.miniProgram.postMessage({ data: { key: 'value' } }); wx.miniProgram.navigateTo({ url: '/pages/dummy' }); // 任意有效页面[^3] ``` ##### 方案2：WebSocket实时通信 ```javascript // H5端 const ws = new WebSocket('wss://your-websocket-server'); ws.send(JSON.stringify({ type: 'msg', content: '实时数据' })); // 小程序端（需配置合法域名） uni.connectSocket({ url: 'wss://your-websocket-server' }); uni.onSocketMessage(res => { console.log('收到H5消息:', res.data); }); ``` #### 三、完整交互示例 ##### 小程序端配置 ```vue <template> <web-view :src="h5Url" @message="handleH5Message" /> </template> <script setup> const h5Url = computed(() => { const params = { timestamp: Date.now(), user: 'uniUser' }; return `https://h5-domain.com?params=${encodeURIComponent(JSON.stringify(params))}`; }); const handleH5Message = (e) => { if(!validateMessage(e.detail.data)) return; // 处理消息类型 switch(e.detail.data.action) { case 'payment': handlePayment(e.detail.data); break; case 'location': openLocation(e.detail.data); break; } }; </script> ``` ##### H5端核心代码 ```javascript // 接收小程序参数 const initParams = JSON.parse( decodeURIComponent(new URLSearchParams(location.search).get('params')) ); // 发送表单数据 document.getElementById('submitBtn').addEventListener('click', () => { const formData = collectFormData(); // 方案1：基础postMessage（可能延迟） wx.miniProgram.postMessage({ data: formData }); // 方案2：立即触发型 wx.miniProgram.postMessage({ data: formData }); wx.miniProgram.redirectTo({ url: '/pages/currentPage' }); // 刷新当前页[^3] }); ``` #### 四、关键注意事项 1. **安全验证**： ```javascript // 验证消息来源 const verifyOrigin = (message) => { const validDomains = ['https://trusted-domain.com']; return validDomains.includes(message.origin); }; ``` 2. **性能优化**： - URL参数长度限制：微信小程序最大URL长度限制为1024字节 - 大数据传输建议使用WebSocket或云存储方案 - 使用`JSON Schema`验证数据结构： ```javascript const schema = { type: "object", required: ["action"], properties: { action: { type: "string" }, data: { type: "object" } } }; ``` 3. **调试技巧**： - 使用微信开发者工具的「远程调试」功能 - 添加日志追踪： ```javascript // H5端 console.log('发送消息:', data); window._lastSent = data; // 存储最后发送数据 // 小程序端 uni.setStorageSync('webview_logs', [...logs, {time: Date.now(), data}]); ``` $$ \text{通信成功率} = \frac{\text{有效接收次数}}{\text{总发送次数}} \times 100\% $$
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值