微信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核心技术卷一基础知识-第14章-多线程-读书笔记
第 14 章 多线程 本章内容: * 什么是线程 * 中断线程 * 线程状态 * 线程属性 * 同步 * 阻塞队列 * 线程安全的集合 * Collable与Future * 执行器 * 同步器 * ...
- Eclipse 中构建 Maven 项目的完整过程 - SpringBoot 项目
进行以下步骤的前提是你已经安装好本地maven库和eclipse中的maven插件了(有的eclipse中已经集成了maven插件) 一.Maven项目的新建 1.鼠标右键---->New--- ...
- HystrixCommand实战
1. HystrixCommand实战 1.1. 需求 由于前端公共调用入口接口代码,封装在单独的jar包,它不属于springCloud管理,所以不适合用注解的方式@HystrixCommand进行 ...
- ubuntu中minicom安装和使用
想要对嵌入式开发板进行开发和操作,都需要进行文件传输或者是控制,这时基本都是需要通过串口线或者是网线进行连接的,在Windows下是使用超级终端通过串口对开发板进行操作的,而在Linux下,最后最常见 ...
- js自定义水印
前言:今天在github上看到了一个定义水印的项目,因为获取的星星还蛮多,就多看了几眼,发现该项目简单有趣,心想以后可能会用的到,并且我下载到本地并亲自测试运行了一波.其实该项目最吸引我的是它定义js ...
- 必须要会的 50 个 React 面试题
翻译:疯狂的技术宅 原文:www.edureka.co/blog/interv… 如果你是一位有抱负的前端程序员并准备面试,那么这篇文章很适合你.本文是你学习和面试 React 所需知识的完美指南. ...
- 整理+学习《骆昊-Java面试题全集(中)》
这部分主要是与Java Web和Web Service相关的面试题. 96.阐述Servlet和CGI的区别? 答:Servlet与CGI的区别在于Servlet处于服务器进程中,它通过多线程方式运行 ...
- 【shiro】(3)---了解Shiro
了解Shiro 一Apache Shiro作用 Apache Shiro是一个功能强大且易于使用的Java安全框架,可执行身份验证,授权,加密和会话管理,令行应用程序. Shiro提供了应用程序安全A ...
- 浅尝Spring Cloud Sleuth
Spring Cloud Sleuth提供了分布式追踪(distributed tracing)的一个解决方案.其基本思路是在服务调用的请求和响应中加入ID,标明上下游请求的关系.利用这些信息,可以方 ...
- 增加Myecllipse内存
1.打开MyEclipse后,进入Windows/Preferences/Java/Installed JREs 点击后,在右边窗口选择JREs,双击后进入 2.在Default VM Argumen ...