您当前的位置: 首页 > 知识百科 > 微信小程序调用网页怎么开发

微信小程序调用网页怎么开发

时间:2023-07-01 14:05 阅读数:66 人阅读 分类:知识百科

  小程序的每一种功能的实现都需要进行开发,所以就要用到小程序代码。接下来小编为大家讲解一下微信小程序调用网页怎么开发,一起来看看吧。

  开发微信小程序时,肯定会与我们个人的服务器打交道,这一般走的是 HTTP 通道,也就是访问我们的网页。

  var app = getApp();

  var pageObj = {

  onLoad : function(){

  wx.request({

  url : ".cftea/rss/",

  success : function (res){

  wx.showToast({

  title : "完成,内容长度为:" + res.data.length,

  icon : "successs",

  duration : 2000

  });

  }

  });

  }

  };

  Page(pageObj);

  注意 onLoad 的 L 是大写。

  使用 wx.request 方法,可以看出,虽然是 JS 代码风格,但是并不是纯 JS 代码,因为 JS 代码并不支持访问第三方域的网页(权限问题)。

  上面的代码,一句语句占太多行,如果看着烦,可以调整一下:

  var app = getApp();

  var alertSuccess = function(s) {

  wx.showToast({

  title : s,

  icon : "successs",

  duration : 2000

  });

  };

  var onRequestSuccess = function (res){

  alertSuccess("完成,内容长度为:" + res.data.length);

  };

  var request = function (){

  wx.request({

  url : ".cftea/rss/",

  success : onRequestSuccess

  });

  };

  var pageObj = {

  onLoad : request

  };

  Page(pageObj);

  如果返回的是 JSON,怎么处理?

  如果返回的是 JSON,则会自动转换,即 res.data 并不是字符串,而是对象。我们可以用 res.data.属*,这样直接用。

  参照上述流程和代码,你就可以进行微信小程序调用网页的开发了,怎么样,是不是很简单呢?希望大家都能获得成功,更多相关资料请关注微信小程序素材网。

  

  小程序开发调用接口实例

  小程序如何开发调用接口?

  微信小程序调用网站,微信小程序请求