微信小程序前端与后端php交互示例

2017年01月09日 | 0 条评论 | 4952

模板a.wxml:
  如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。
 
    
       E
     

我要点击

               S

查询

                    a.js文件: changeName事件: var app = getApp(); Page({   data: {         name: 'www.xjinshop.com',       },      //事件处理函数     changeName: function(e) {         // sent data change to view         var that = this         var ajax_url = 'http://www.xjinshop.com/xiao.php';         wx.request({           url: ajax_url, //仅为示例,并非真实的接口地址               data: {             key: 'www.xjinshop.com'            },       header: {           'content-type': 'application/x-www-form-urlencoded'       },       method: "POST",       success: function(res) {         var data_s =  res.data;         console.log(data_s.status+'--'+data_s.msg+'--'+data_s.data['name']);         that.setData({           name:data_s.status+'--'+data_s.msg+'--'+data_s.data['name']         });       }     })           }  })    服务端  xiao.php文件     $data['status'] = 0;   $data['data'] = array();   $data['msg'] = '操作失败';        $data['status'] = 200;   $data['msg'] = '操作成功';   $list[0]['id'] = 1;   $list[0]['title'] = '关于我们';   $list[0]['content'] = '关于我们的内容';   $list[1]['id'] = 2;   $list[1]['title'] = '如何注册学习';   $list[1]['content'] = '如何注册学习的内容';   $list[2]['id'] = 3;   $list[2]['title'] = '联系我们';   $list[2]['content'] = '联系我们的内容';        $data['data']['items'] = $list;        echo json_encode($data);      查看如下图

KNGL8LU`3MO)GHU0(9GK6)W.png

技术咨询
换一个