微信小程序不跳转页面传递数据

微信小程序可以通过后台接口传递数据，实现数据传递、交互功能而不需要页面跳转。当小程序需要传递数据时，可以使用wxrequest请求后台接口，将数据发送给后台，然后后台返回需要的数据，小程序再将收到的数据进行处理，完成交互。此外，小程序还可以通过Storage API存储数据，再通过读取Storage中的数据实现页面间信息的交互传递，避免页面跳转的过程，提升用户体验。虽然不跳转页面传递数据的实现方式有所限制，但对于某些需要快速响应、处理的交互场景具有很好的适用性。

小程序的wxs功能可以让wsmxl可以调用和编写js,基本上wxs和JS无关系,只是语法形式很相似。

如下写了两个关于时间的函数，并将它们导出，

<wxs module="m1">

var getMax = function(flightDate) {

    var now = getDate()getDate();

    var flDate = getDate(flightDate)getDate();

    if( now < flDate ){

      return '+1';

    }else{

      return '';

    }

}

var formartTime = function(flightDate,format){

  if(flightDate){

    var realDate = getDate(flightDate);

    function timeFormat(num) {

      return num < 10 '0' + num : num;

    }

    var date = {

      "Y": timeFormat(realDategetFullYear()),

      "M": timeFormat(realDategetMonth() + 1),

      "d": timeFormat(realDategetDate()),

      "h": timeFormat(realDategetHours()),

      "m": timeFormat(realDategetMinutes()),

      "s": timeFormat(realDategetSeconds()),

      "q": Mathfloor((realDategetMonth() + 3) / 3),

      "S": realDategetMilliseconds(),

    };

    if (!format) {

      format = "yyyy-MM-dd hh:mm:ss";

    }

    if( format == 'hh:mm' ){

        return dateh+':'+datem;

    }else{

        return dateh+':'+datem;

    }

  }else{

    return false;

  }

}

moduleexportsgetMax = getMax;

moduleexportsformartTime = formartTime;

</wxs>

可在页面添加如下使用：

m1formartTime(）;  m1getMax(）;

打开微信小程序开发工具，创建项目，并新建页面文件

2

/7

打开页面文件，插入一个view标签和block标签，并添加wx:for循环指令

3

/7

接着新建一个页面JavaScript文件，在data对象中初始化数组weeks

4

/7

保存代码并查看左侧的模拟器，可以查看到一个列表

5

/7

在view标签下方，添加一个button按钮，然后添加bindtap

6

/7

在对应的JS文件中，添加一个点击事件addData，并打印数组结果

7

/7

打开内置浏览器控制台，查看打印结果

主要有：参数传递、localstorage传递、全局变量传递和页面对象传递等。

最常见的是参数传递，也就是在地址后面加上参数，然后在onload函数里面获取参数。

localstorage传递，就是把需要传递的参数保存到本地，在需要获取的页面当中获取保存的值，并且可以在不需要的时候删除。

全局变量传递，就是在页面当中改变app全局的某些变量，并且在需要获取的页面当中获取全局变量的值。

页面对象传递，就是获取当前的页面对象数组，找到相应的页面，并且执行该页面的方法进行直接赋值，实现传递参数的目的。

1、在MYSQL中新建一个test数据库，在里面新建一张type数据表，下面将从该表获得数据。

2、新建一个project小程序项目。

3、在project项目内，新建一个index模块来从数据库获得数据，并将数据输出在indexwxml页面。

4、在index模块中indexjs页面，在onLoad中使用wxrequest方法向服务端文件请求数据。url为请求数据的地址；data为传输的参数，这里设置为空；method为传递参数的方式，header用于设置请求的数据类型，success是成功获得数据后的 *** 作。

5、在indexwxml页面，使用for循环遍历输出indexjs传递过来的数据data，通过item将data数据输出在页面。

6、在服务端新建一个apiphp页面来接收微信小程序的数据请求。

7、最后编译微信小程序，查看从数据表type获得数据内容，成功从数据库读取数据并输出在页面上。

1、在MYSQL中新建一个test数据库，在里面新建一张type数据表，下面将从该表获得数据。

2、新建一个project小程序项目。

3、在project项目内，新建一个index模块来从数据库获得数据，并将数据输出在indexwxml页面。

4、在index模块中indexjs页面，在onLoad中使用wxrequest方法向服务端文件请求数据。url为请求数据的地址；data为传输的参数，这里设置为空；method为传递参数的方式，header用于设置请求的数据类型，success是成功获得数据后的 *** 作。

5、在indexwxml页面，使用for循环遍历输出indexjs传递过来的数据data，通过item将data数据输出在页面。

6、在服务端新建一个apiphp页面来接收微信小程序的数据请求。

7、最后编译微信小程序，查看从数据表type获得数据内容，成功从数据库读取数据并输出在页面上。

1、在MYSQL中新建一个test数据库，在里面新建一张type数据表，下面将从该表获得数据。

2、新建一个project小程序项目。

3、在project项目内，新建一个index模块来从数据库获得数据，并将数据输出在indexwxml页面。

4、在index模块中indexjs页面，在onLoad中使用wxrequest方法向服务端文件请求数据。url为请求数据的地址；data为传输的参数，这里设置为空；method为传递参数的方式，header用于设置请求的数据类型，success是成功获得数据后的 *** 作。

5、在indexwxml页面，使用for循环遍历输出indexjs传递过来的数据data，通过item将data数据输出在页面。

6、在服务端新建一个apiphp页面来接收微信小程序的数据请求。

7、最后编译微信小程序，查看从数据表type获得数据内容，成功从数据库读取数据并输出在页面上。

1、在MYSQL中新建一个test数据库，在里面新建一张type数据表，下面将从该表获得数据。数据表的数据如下：

2、新建一个project小程序项目，用于讲解微信小程序如何获得数据库数据。

3、在project项目内，新建一个index模块来从数据库获得数据，并将数据输出在indexwxml页面。

4、在index模块中indexjs页面，在onLoad中使用wxrequest方法向服务端文件请求数据。url为请求数据的地址；data为传输的参数，这里设置为空；method为传递参数的方式，header用于设置请求的数据类型，success是成功获得数据后的 *** 作，这里设置当成功获得数据后，把数据传递给indexwxml页面。

5、在indexwxml页面，使用for循环遍历输出indexjs传递过来的数据data，通过item将data数据输出在页面。

6、编译微信小程序，查看从数据表type获得数据内容，可见，成功从数据库读取数据并输出在页面上。

以上就是关于微信小程序不跳转页面传递数据全部的内容，包括:微信小程序不跳转页面传递数据、微信小程序wxs的使用（当页面数据渲染前添加js *** 作)、微信小程序增加不同的数据怎么弄等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！