通过asp.netWebService给微信小程序传递数据

原创 2018年04月19日 13:21:38

通过webservice服务方法同微信小程序进行数据交互:

1、微信接收数据并展示:

后台:asp部分:

    新建webService服务 WebService1.asmx


  在webService1.asmx里面添加需要的方法:,需要加上特性[webMethod],此特性继承与Attribute:描述此特性含义:将此特性添加到XMl WEB中的一个方法使用ASP.NET创建的服务使该方法可调用远程Web客户端。此类不能被继承。

webService中添加方法AdminLogin():

  [WebMethod]
        public string AdminLogin()
        {
            string sql = @"select top 1 *from dbo.Admins ";
            string AdminName = "";
            try
            {
                SqlDataReader objReader = SqlHelper.GetReader(sql);
                if (objReader.Read())
                {
                    AdminName = objReader["AdminName"].ToString();
                    objReader.Close();
                }
                else AdminName = "aa";
            }
           
            catch (Exception e)
            {


                throw new Exception(e.Message);
            }
            return AdminName;
        }

查看webService1页面:


微信小程序端使用wx.request来请求信息:

微信项目.js文件里面写入(这部分js都在

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
这里面添加的):


wx.request({
url: 'http://192.168.1.187:8000/Models/WebService1.asmx/AdminLogin', //仅为示例,并非真实的接口地址
data: {
Id:"2",
name:"ac"
},
method: 'POST',
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
console.log(res.data)
}
}),


小程序端调用显示结果:


这里只是js调用测试,没有写微信的视图部分,感兴趣的朋友测试写下视图看下,本人也是因需要才开始研究

2、微信小程序发送数据到webservice并接收返回信息并显示:

webservice添加方法:

  [WebMethod]        
        public string ABBA(string Id,string name)
        {          
            //从微信接收数据然后返回
            return "ID:"+Id + "1001 ,Name:"+name;

        }

说明下:这里的string Id,string name 参数是和微信里面js部分的data里面字段一致的,如果不一致我这边测试没有成功过,如果有测试成功的请说明下webservice怎么调用的,或者小程序部分怎么写的。(或许小程序部分可以在视图里面写入一个form表单来进行提供,供webservice来读取。)

小程序部分js:

wx.request({
url: 'http://192.168.1.187:8000/Models/WebService1.asmx/ABBA', //仅为示例,并非真实的接口地址
data:{
Id:'2001',
name:'Tome'
},
method: 'POST',
header: {
'content-type': 'application/json' // 默认值
// 'content-type': 'application/x-www-form-urlencoded'
},
success: function (res) {
console.log(res.data);
// this.setdata({
// id:res.data["Id"]
// });
},
fail: function (res) {
console.log('submit fail');
},
})

小程序测试结果:



这部分是练习webservice同微信小程序交互,上网查资料特少,估计是因为webservice同微信交互过于复杂了,后面再研究下webApi同小程序的交互。有结果在继续写。

从点击事件看微信小程序的数据传递

最近用微信小程序做了一个电影类APP,业务逻辑不难,但在做最后一个页面时遇到了一个诡异的问题,这个问题让我对小程序框架里的事件和数据绑定有了更深的认识。...
  • u013502146
  • u013502146
  • 2016-12-15 00:17:52
  • 2968

微信小程序页面传值

所以对于小程序的传值取值,我觉得大概有三种,一是通过全局变量取值,二是URL参数传值,三则是通过form表单提交。...
  • qq_33281417
  • qq_33281417
  • 2017-02-28 15:11:54
  • 4572

微信小程序之数据传递

本文主要介绍,页面跳转间的数据传递。传递的数据类型主要有1,基本数据类型;2,对象;3,数组集合; 先告诉你,本质上都是string类型传递。但是对于对象和数组集合的传递需要小小的处理一下传递时的...
  • wangsf789
  • wangsf789
  • 2016-12-02 14:14:03
  • 22054

微信小程序之发送模板消息(通过openid推送消息给用户)

一、获取access_token access_token是接口调用的凭证,目前有效期为两个小时,需要定时刷新,重复获取将导致上次获取的access_token失效。(注:不建议每次调用需要acce...
  • zhy13087344578
  • zhy13087344578
  • 2017-12-23 17:17:28
  • 4845

微信小程序组件化的解决方案

从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。查看自己使用的小程序基础库版本,可以通过在开发者工具右侧点击详情查看: 最基本的组件 小程序的组件,其实就是一个目录,该目录需要包...
  • rolan1993
  • rolan1993
  • 2018-01-25 11:45:31
  • 364

web-view h5页面传递参数给小程序,小程序接收h5网页传过来的数据——微信web-view高级用法10

上节课中, 我们实现了从h5跳转到小程序页面, 但想要在web-view的h5页面中, 实现小程序支付, 必须要把一些重要的参数传给小程序支付页面, 比如用户id,产品id,订单金额,购买数...
  • towtotow
  • towtotow
  • 2018-02-03 09:48:20
  • 1105

微信小程序 带php后端

  • 2018年01月29日 15:30
  • 624KB
  • 下载

微信小程序app.js给全局变量globalData赋值

微信小程序app.js 中,从数据库读取登录数据后,想把登录信息变为全局遍历,这里为globalData赋值和其他的页面赋值不同。 需要先定义 that=this  之后用that.globalDa...
  • whatupwoman
  • whatupwoman
  • 2017-07-18 13:58:36
  • 1574

微信小程序跨页面传值

想实现点击不同的父页面跳转到不同的子页面上,从后台传来的JSON数据来看,一共有6个父页面,每个都作为一个对象被放在一个数组里面,而且每个都有一个特有的id值 1.先在上自定义一个“data-”属性...
  • xubingnan123
  • xubingnan123
  • 2018-01-16 12:53:24
  • 388

微信小程序 动态绑定事件 且通过事件修改样式

//wxml       {{item.name}}   //js var reportTypeList = [   { name: "日报1", id: "1" },   ...
  • xiaochun365
  • xiaochun365
  • 2017-04-11 10:31:45
  • 6631
收藏助手
不良信息举报
您举报文章:通过asp.netWebService给微信小程序传递数据
举报原因:
原因补充:

(最多只允许输入30个字)