微信wx.request
- 官方 wx.request 代码,Post 没成功过,使用Get 方式成功了。
- wx.request({
- url: 'test.php', //仅为示例,并非真实的接口地址
- data: {
- x: '' ,
- y: ''
- },
- header: {
- 'content-type': 'application/json'
- },
- success: function(res) {
- console.log(res.data)
- }
- })
PoST 调用代码终于被摸索出来了,我也是醉了
- onLoad: function () {
- var that = this;
- wx.request({
- url: 'https://www.51sdfbavvvy.cn/Mssm/HerNeeo.ashx',
- data:{
- 'TypeID': '0',
- 'ImageID': 'ZNK',
- 'Name': ''
- },
- method: 'POST',
- header: {
- 'content-type': 'application/x-www-form-urlencoded'
- },
- success:function(res) {
- that.setData({
- array: res.data.array
- })
- },
- fail:function(res){
- console.log('submit fail');
- },
- complete:function(res){
- console.log('submit complete');
- }
- })
- },
我的代码:Test.wxml
- <view class="section">
- <input bindinput="bindKeyInput" placeholder="输入产品编号"/>
- <button bindtap="bindButtonTap">搜索</button>
- <view class="widgets__item" wx:for-items="{{array}}" wx:for-item="item" >
- <view id="{{item.NO}}"class="widgets__info" bindtap="onimageClick" >
- <image class="widget__img" src="{{item.Name}}"></image>
- <view class="widgettext">
- <view class="widget_text1">{{item.NO}}</view>
- <view class="widget_text2">{{item.PrdName}}</view>
- </view>
- </view>
- <view class="widget__line"></view>
- </view>
- </view>
test.js
- var app = getApp()
- var inputContent = {}//重要代码
- Page({
- data: {
- array: [],
- inputContent: {}
- },
- bindKeyInput: function(e) {
- this.setData({
- inputValue: e.detail.value
- })
- inputContent['id'] = e.detail.value
- },
- //----------------------------------------------------------------------
- onLoad: function ()
- {
- // console.log('form发生了reset事件')
- //页面显示时执行这里面的方法 生命周期以后会讲
- var that = this;
- wx.request({
- url: 'http://101.112.36.77:3932/WXTS/NormalPage.aspx?action=',
- method: 'GET',
- success:function(res) {
- that.setData({
- array: res.data.array
- })
- }
- })
- },
- //事件处理函数
- onimageClick: function(event) {
- wx.navigateTo({
- url: '../video/video-av?name='+event.currentTarget.id
- })
- },
- //------------------------------------------------------------
- bindChange: function(e) {
- inputContent = e.detail.value
- },
- bindButtonTap: function(e) {
- console.log('form发生了reset事件',inputContent['id'])
- var that = this;
- wx.request({
- url: ("http://196.7.25.10:5dd5644/WXTS/NormalPage.aspx?action="+inputContent['id']),//z重要代码
- method: 'GET',
- success:function(res) {
- that.setData({
- array: res.data.array
- })
- }
- })
- },
- //------------------------------------------------------------
- })
微信wx.request的更多相关文章
- 微信小程序数据请求方法wx.request小测试
微信小程序数据请求方法 wx.request wxml文件: <view> <textarea value="{{textdata}}"/> </vi ...
- 关于微信小程序遇到的wx.request({})问题
域名请求错误问题 当我们在编写小程序,要发送请求时,wx.request({})时或许会遇到如下的问题: 一:这是因为微信小程序的开发中,域名只能是https方式请求,所以我们必须在小程序微信公众平台 ...
- 【微信小程序】调用wx.request接口需要注意的问题
写在前面 之前写了一篇<微信小程序实现各种特效实例>,上次的小程序的项目我负责大部分前端后台接口的对接,然后学长帮我改了一些问题.总的来说,收获了不少吧! 现在项目已经完成,还是要陆陆续续 ...
- 微信小程序的网络设置,及网络请求:wx.request(OBJECT)
Md2All 一个Markdown在线转换工具 网址:http://md.aclickall.com 微信公众号:颜家大少本文所用排版工具:http://md.aclickall.com 支持通用的M ...
- 微信小程序wx.request请求用POST后台得不到传递数据
微信小程序的wx.request请求,method设为POST并向后台传递数据,但从后台返回的信息来看后台并没有获得传递的数据 wx.request({ url: 'url' ...
- 坑:微信小程序wx.request和wx.uploadFile中传参数的区别
微信小程序中通过组件<form>提交表单的时候,在js中通过e.detail.value得到所提交表单的json格式数据.一般提交表单我们都是通过wx.request请求,提交表单数据,通 ...
- 微信小程序 wx.request
onLoad: function () { var that = this console.log('https://free-api.heweather.com/s6/weather?locatio ...
- 微信小程序wx.request接口
微信小程序wx.request接口 wx.request是小程序客户端与服务器端交互的接口 HTTPS 请求 一个微信小程序,只能同时(同时不能大于5个)有5个网络请求 wx.request(OBJE ...
- 微信小程序如何调用API实现数据请求-wx.request()
前言 微信小程序不存在ajax,那么它是如何实现数据请求功能的呢?在微信中提供了API的调用wx.request(OBJECT),这个是很不错的.下面就讲一下如何请求数据,简单到不行. wx.requ ...
随机推荐
- 站在JAVA数据结构的视角看待简单表结构
1.前言: 我们提到程序中的集合的时候,往往脑海中会浮现出, 如ArrayList和LinkedList以及和HashMap.当然在提到ArrayList和LinkedList的时候,我们大多数的人都 ...
- ActiveMQ 的安装与使用
消息中间件简介 消息中间件(MOM:Message Orient middleware) 消息中间件有很多的用途和优点: 1. 将数据从一个应用程序传送到另一个应用程序,或者从软件的一个模块传送到另外 ...
- 全栈开发工程师微信小程序-上(中)
全栈开发工程师微信小程序-上(中) width: 750rpx; 750rpx代表与屏幕等宽,rpx的缩写responsive pixel,这个单位是可以根据屏幕大小进行自适应调整的像素单位. 小程序 ...
- 一个需求认识CSS3 的transform-origin属性
最近遇到一个需求,是以前做PHP的同事问我的问题 下面是他在百度发的问题截图 根据上面的截图,我稍微梳理了一下 问题:现在有个div,旋转45度后,这个div的宽度会动态改变,并且要向右上方偏移 ...
- 免费开源的diff软件“meld”-替代beyond compare的神器
命令行直接对比文件 meld dir1 dir2 & 1,安装 mld, 可以选择windows, linux, macos系统,都有提供安装. ubuntu 中安装: sudo apt-ge ...
- Python中变量的命名
变量的命名 目标 标识符和关键字 变量的命名规则 0.1 标识符和关键字 1.1 标识符 标示符就是程序员定义的 变量名.函数名 名字 需要有 见名知义 的效果,见下图: 标示符可以由 字母.下划线 ...
- 如何测量并报告ASP.NET Core Web API请求的响应时间
介绍 大家都知道性能是API的流行语.而相应时间则是API性能的一个重要并且可测量的参数.在本文中,我们将了解如何使用代码来测量API的响应时间,然后将响应时间数据返回到客户端. 作者:依乐祝 原文地 ...
- Java NIO的工作方式
1.BIO带来的挑战 BIO即阻塞IO,不管是磁盘IO,还是网络IO,数据在写入OutputStream或者从InputStream读取时都有可能发生阻塞,一旦有阻塞,当前线程将会被挂起,即线程进入非 ...
- MySQL批量插入数据的几种方法
最近公司要求测试数据库的性能,就上网查了一些批量插入数据的代码,发现有好几种不同的用法,插入同样数据的耗时也有区别 别的先不说,先上一段代码与君共享 方法一: package com.bigdata; ...
- 【EF6学习笔记】(三)排序、过滤查询及分页
本篇原文地址:Sorting, Filtering, and Paging 说明:学习笔记参考原文中的流程,为了增加实际操作性,并能够深入理解,部分地方根据实际情况做了一些调整:并且根据自己的理解做了 ...