欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
桂林广宇装饰建站-小程序提交form操作示例
时间: 2021-04-28 18:42 浏览次数:
在手机微信微信小程序中也存有form部件,bindsubmit这一特性能够用以带上 form 中的数据信息开启 submit 恶性事件,它鞋绳的主要参数方式以下:1event.detail = {value : { name : value } , formId: }在
--------

桂林广宇装饰建站

-------

在手机微信小程序中也存在form组件,bindsubmit这个特性能够用于携带 form 中的数据信息开启 submit 恶性事件,它鞋带的主要参数方式以下:

1event.detail = {value : { name : value } , formId: }

在其中的name,和一般的网页页面一样,将需要提交的input等表单组件设定name特性,在这里,form传送的主要参数,应用name做为一个key

递交姿势是由 form/ 表单中 formType 为 submit 的 button/ 组件来操纵的,示例以下:

1 button form-type= submit >当点一下这个button时,会开启bindsubmit关联的js文档中的恶性事件,例如:

1234 form bindsubmit= formSubmit bindreset= formReset input type= text name= price / button form-type= submit >在这里,点一下这个button则会启用js中的formSubmit,同时在formSubmit恶性事件中能够用e.detail.value.price的方法获得name为price的组件的value值,js中formSubmit的界定以下:

622324formSubmit: function (e) { this.setData({ price: e.detail.value.price, //用e.detail.value.price,获得了form中name为price组件的value,取值给js文档data中界定的price自变量 }) var that = this; //在success一部分,this无效,需要先将this取值给that,根据启用that替代this例如:that.setData({}) wx.request({ //应用手机微信出示的wx.request进行信息内容互动 url: config.service.XXXX, //url的值统一界定在了configuration.js中,在本js刚开始时var config = require( ../../config 引入 header: {  Content-Type : application/x-www-form-urlencoded //应用form方法传送主要参数 }, method: POST , dataType: json , data: Util.json2Form({ price: this.data.price }), //将要传送的数据信息应用util.js中的json2Form变为标明的form数据信息文件格式&ess: function (res) { //ess是响应取得成功后实行一部分 console.log(res.data) //显示信息res中携带的数据信息 },&plete: function (res) { // complete相近finally,最终必定实行 if (res == null || res.data == null) { //假如回到值为空,则提醒互联网恳求不成功 console.error( 互联网恳求不成功 ); return; } } }) },

util.js的內容:

function json2Form(json) { var str = []; for (var p in json) { str.push(encodeURIComponent(p) + = + encodeURIComponent(json[p])); } return str.join( );}module.exports = { json2Form: json2Form,}

wx.request还可以应用作用json文件格式传送数据信息,可是本人后台管理不太习惯性解决json文档


---------

桂林广宇装饰建站

------------
下一篇:没有了


Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园