经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置：技术经验 » 移动开发 » 微信小程序 » 查看文章
微信小程序开发POST请求
来源：cnblogs　　作者：达叔小生　　时间：2018/11/22 10:03:30　　对本文有异议

微信小程序开发POST请求

  1. wx.request( {  
  2.       url: "http://op.juhe.cn/onebox/weather/query",  
  3.       header: {  
  4.         "Content-Type": "application/x-www-form-urlencoded"  
  5.       },  
  6.       method: "POST",  
  7.      //data: { cityname: "上海", key: "de" },  
  8.       data: Util.json2Form( { cityname: "上海", key: "fddf" }),  
  9.       complete: function( res ) {  
  10.       }
  11. })
  1. 微信小程序示例
  3. wx.request({
  4.   url: 'test.php', //仅为示例，并非真实的接口地址
  5.   data: {
  6.         x: '' , 
  7.         y: ''
  8.    }, 
  9.   header: { 
  10.     'content-type': 'application/json' 
  11.   }, 
  12.   success: function(res) { 
  13.     console.log(res.data) 
  14.   }
  15. })
  1. method: 'POST',
  2.     header：{
  3.       'content-type':'application/x-www-form-urlencoded'
  4.     },
  1. onLoad: function() { 
  2.   that = this; 
  3.   wx.request( { 
  4.    url: "url", 
  5.    header: { 
  6.     "Content-Type": "application/x-www-form-urlencoded" 
  7.    }, 
  8.    method: "POST", 
  9.    data: {}, 
  10.    complete: function( res ) { 
  11.     console.log(res.data)
  12.     }); 
  13.     if( res == null || res.data == null ) { 
  14.      console.error( '网络请求失败' ); 
  15.      return; 
  16.     } 
  17.    } 
  18.   }) 
  19.  }, 
  1. data: Util.json2Form( { cityname: "北京", key: "1430ec127e097e1113259c5e1be1ba70" }), 
  1. header: {"Content-Type":"application/x-www-form-urlencoded"},
  1. wx.request({
  2.       url : "https://www.",
  3.       method: "POST",
  4.       data: {
  5.         answer : JSON.stringify(this.data.answer),
  6.         pjid : this.data.pj.pjid,
  7.         testpaperid : this.data.pj.testpaperid,
  8.         student : JSON.stringify(this.data.student),
  9.         message : this.data.message
  10.       },
  11.       header: {
  12.         "Content-Type": "application/x-www-form-urlencoded"
  13.       },
  14.       success: function (res) {
  15.         console.log(res.data);
  16.         wx.navigateBack({
  17.           delta: 1  //小程序关闭当前页面返回上一页面
  18.         })
  19.       },
  20.     })

在这里插入图片描述

  1. <!--pages/anquan/anquan.wxml-->
  2. <view class='bg'>
  3.   <view class='item'>
  4.     身份认证
  5.     <view class='bk'>
  6.       <!-- <textarea class="textarea" placeholder='身份认证' auto-height value='{{detailanquan.idCard}}' maxlength='10'></textarea> -->
  7.       <input name='idCard' class="textarea" placeholder="{{detailanquan.idCard}}" value='{{detailanquan.idCard}}' bindinput="idCard" maxlength='15' auto-height/>
  9.     </view>
  10.     <button class='btn' bindtap='sfrz'>修改</button>
  11.   </view>
  12.   <view class="line"></view>
  14.   <view class='item'>
  15.     登录密码
  16.     <view class='bk'>
  17.       <!-- <textarea class="textarea" placeholder='登录密码' auto-height value='{{anquan.password}}' maxlength='100'></textarea> -->
  18.       <input name='password' class="textarea" placeholder="{{anquan.password}}" value='{{anquan.password}}' bindinput="password" maxlength='100' auto-height/>
  20.     </view>
  21.     <button class='btn' bindtap='dlmm'>修改</button>
  22.   </view>
  23.   <view class="line"></view>
  25.   <view class='item'>
  26.     绑定手机
  27.     <view class='bk'>
  28.       <!-- <textarea class="textarea" placeholder='绑定手机' auto-height value='{{anquan.phone}}' maxlength='15'></textarea> -->
  29.       <input name='phone' class="textarea" placeholder="{{anquan.phone}}" value='{{anquan.phone}}' bindinput="phone" maxlength='15' auto-height/>
  31.     </view>
  32.     <button class='btn' bindtap='bdsj'>设置</button>
  33.   </view>
  34.   <view class="line"></view>
  36.   <view class='item'>
  37.     绑定邮箱
  38.     <view class='bk'>
  39.       <!-- <textarea class="textarea" placeholder='绑定邮箱' auto-height value='{{anquan.email}}' maxlength='30'></textarea> -->
  40.       <input name='email' class="textarea" placeholder="{{anquan.email}}" value='{{anquan.email}}' bindinput="email" maxlength='30' auto-height/>
  42.     </view>
  43.     <button class='btn' bindtap='bdyx'>修改</button>
  44.   </view>
  45.   <view class="line"></view>
  47.   <view class='item'>
  48.     微信绑定
  49.     <view class='bk'>
  50.       <!-- <textarea class="textarea" placeholder='微信绑定' auto-height value='{{anquan.wxUnionid}}' maxlength='100'></textarea> -->
  51.       <input name='wxUnionid' class="textarea" placeholder="{{anquan.wxUnionid}}" value='{{anquan.wxUnionid}}' bindinput="wxUnionid" maxlength='100' auto-height/>
  53.     </view>
  54.     <button class='btn' bindtap='wxbd'>修改</button>
  55.   </view>
  56.   <view class="line"></view>
  57. </view>

在这里插入图片描述

  1. <view class='bg'>
  2.   <view class='item'>
  3.     当前头像：
  4.     <open-data type="userAvatarUrl" class='img'></open-data>
  5.   </view>
  7.   <form bindsubmit="formSubmit" bindreset="formReset">
  8.     <view class='item'>
  9.       \r\n\r\n\r\n\r\n\r\n\r\n\r\n昵称：
  10.       <view class='bk'>
  11.         <!-- <textarea class="textarea" placeholder='昵称' auto-height value='{{geren.nickname}}' maxlength='15'></textarea> -->
  12.         <input name='nickname' class="textarea" placeholder="{{geren.nickname}}" value='{{geren.nickname}}' bindinput="nickname" maxlength='15' auto-height/>
  13.       </view>
  14.     </view>
  16.     <view class='item'>
  17.       真实姓名：
  18.       <view class='bk'>
  19.         <!-- <textarea class="textarea" placeholder='真实姓名' auto-height value='{{geren.sysUserDetail.realName}}' maxlength='10'></textarea> -->
  20.         <input name='realName' class="textarea" placeholder="{{detailgeren.realName}}" value='{{detailgeren.realName}}' bindinput="realName" maxlength='15' auto-height/>
  22.       </view>
  23.     </view>
  25.     <view class='item'>
  26.       \r\n\r\n\r\n\r\n\r\n\r\n\r\n性别：
  27.       <radio-group class="radio-group" bindchange="radioChange" name='gender'>
  29.         <!-- <label class="radio" wx:for="{{items}}"> -->
  30.         <label class='radio'>
  31.           <!-- checked="{{item.checked}}" -->
  32.           <radio value="{{items[0].name}}" checked='{{boy}}' /> {{items[0].value}}
  33.           <radio value="{{items[1].name}}" checked='{{gril}}' /> {{items[1].value}}
  34.         </label>
  36.       </radio-group>
  37.     </view>
  39.     <view class='item'>
  40.       \r\n\r\n\r\n\r\n\r\n\r\n\r\n生日：
  41.       <view class='bk'>
  42.         <view class='time'>
  43.           <picker mode="date" value="{{date}}" start="1800-01-01" end="2222-01-01" bindchange="changeDate" name="birthday">
  44.             <view>
  45.               {{date}}
  46.             </view>
  47.           </picker>
  48.         </view>
  49.       </view>
  50.     </view>
  52.     <view class='item'>
  53.       \r\n\r\n\r\n\r\n居住地：
  54.       <view class='bk'>
  55.         <!-- <textarea class="textarea" placeholder='居住地' auto-height value='{{geren.sysUserDetail.address}}' maxlength='10'></textarea> -->
  56.         <view>
  57.           <picker bindchange="changeRegin" mode="region" value="{{region}}">
  59.             <!-- <view class="tui-picker-detail">{{region[0]}} - {{region[1]}} - {{region[2]}}</view> -->
  60.             <view>{{region[0]}} - {{region[1]}} - {{region[2]}}</view>
  61.           </picker>
  62.         </view>
  63.       </view>
  64.       <view>
  65.         <input name="address" style="display: none;" value="{{region}}" />
  66.       </view>
  67.     </view>
  69.     <view class='item'>
  70.       详细地址：
  71.       <view class='bk'>
  72.         <!-- <textarea class="textarea" placeholder='详细地址' auto-height value='{{geren.sysUserDetail.detailAddress}}' maxlength='100'></textarea> -->
  73.         <input name="detailAddress" class="textarea" placeholder="{{detailgeren.detailAddress}}" value='{{detailgeren.detailAddress}}' bindinput="detailAddress" maxlength='100' auto-height/>
  75.       </view>
  76.     </view>
  78.     <!-- <button class='btn' bindtap='baocun'>保存</button> -->
  79.     <view class='anniu'>
  80.       <button class='btn' formType="submit">保存</button>
  81.       <!-- <button class='btn' formType="reset">重置</button> -->
  82.     </view>
  84.   </form>
  85. </view>
 友情链接：直通硅谷 　点职佳 　北美留学生论坛

微信小程序热门文章

  • 如何在微信小程序中实现音视频通话
  • 微信小程序调用摄像头实现拍照功能
  • 微信小程序隐私保护协议修改方法 uniapp
  • 微信小程序实现简单的购物车功能
  • 微信小程序访问mysql数据库流程详解
  • 微信小程序实现计算器案例
  • 微信小程序时间轴实现方法示例
  • 微信小程序使用uni-app开发小程序及部分功能实现详解
  • 微信小程序实现聊天室功能
  • 微信小程序底部tabBar遮挡内容的简单处理方法

    • 微信小程序推荐文章

  • 微信小程序车牌键盘输入组件（支持单个删除更改，支持赋值，支持新能源）
  • 小程序优化：第三方SDK过大解决方案
  • .NET生成微信小程序推广二维码
  • 微信小程序动态生成表单来啦！你再也不需要手写表单了！
  • web应用及微信小程序版本更新检测方案实践
  • 微信小程序隐私保护协议修改方法 uniapp
  • 如何在微信小程序中实现音视频通话
  • 微信小程序抢红包高并发设计
  • uni-app + .NET 7实现微信小程序订阅消息推送
  • 微信小程序常用功能实例汇总包括上拉刷新,下拉加载,列表数据绑定,轮播,参数传递

    • 本站QQ群：前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

    W3xue 的所有内容仅供测试，对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
    关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接（目前9元/月）请联系QQ：27243702 沸活量
    皖ICP备17017327号-2　皖公网安备34020702000426号