小程序接入h5页面_原生小程序接入H5页面,请求后台接口,获取数据

本文详细介绍了如何在小程序中接入H5页面,包括H5开发注意事项(如使用rem单位)、跨域请求的处理、参数传递方法以及H5页面跳转至小程序特定页面的实现。同时,文章提到了在微信开发者工具中可能出现的白屏问题及其解决方案——确保使用https请求。
摘要由CSDN通过智能技术生成

项目开发中赶上三端接入h5的需求,因此本身动手作h5页面,可是在作的过程当中也赶上了许多的问题javascript

小程序端不支持在本地引入,因此须要将h5发布服务器,以请求接口的形式进行访问html

首先是H5的开发:java

像素单位:写的时候由于须要顾及ios和安卓,并且小程序端也会赶上各类屏幕比,比较麻烦,单位尽可能使用rem;python

请求:

若是闲麻烦的能够本地引入jq,若是不以为麻烦的能够本身使用js进行请求封装:ios

复制可用,惟一须要修改的地方xhr.setRequestHeader(),后台设置有权限,因此必须在请求头携带tokenweb

function ajax(options,tokena){

//建立一个ajax对象

var xhr = new XMLHttpRequest() || new ActiveXObject("Microsoft,XMLHTTP");

//数据的处理 {a:1,b:2} a=1&b=2;

var str = "";

for(var key in options.data){

str+="&"+key+"="+options.data[key];

}

str = str.slice(1);

if(options.type == "get"){

var url = op

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值