欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 24小时服务热线:400-8793-956
当前位置:南京网站制作公司 > 资讯中心 > 网站知识
南京小程序开发公司阐述Microsoft小部件提交表单操作示例
来源:南京网站制作 时间:2019-05-24 08:20:06

本文南京小程序开发公司阐述了微信小程序的提交表单操作。分享供您参考,如下:

 
表单组件也存在于Wechat小程序中。bindsubmit属性可用于触发表单中数据的提交事件。鞋带的参数如下:
 
event.detail = {value : {'name': 'value'} , formId: ''}
 
与普通网页一样,该名称需要上传以形成组件,例如输入以设置名称属性,其中表单传递参数,使用名称作为键。
 
提交操作由<button />组件控制,其表单类型以<form />形式提交,如下所示:
 
<button form-type= "submit" class='search'> <span> start calculation </span> </button>
单击此按钮时,将触发绑定绑定的JS文件中的事件,例如:
 
<form bindsubmit="formSubmit" bindreset="formReset"> 
<input type="text" name="price"/>
<button form-type= "submit" class='search'> <span> start calculation </span> </button>
</form>
在这里,单击此按钮调用JS中的formSubmit并可以在formSubmit事件e.detail.value.price中使用JS中的表单Submit定义如下:
 
formSubmit: function (e) {
 this.setData({
  Price: E. detail. value. price, // with E. detail. value. price, get the value of the name as the price component in the form and assign it to the price variable defined in the JS file data
 })
 Var that = this; // In the success section, this is invalid. You need to assign this to that first, and call that instead of this, such as: that. setData ({})
 Wx. request ({// completes information exchange using wx. request provided by wechat)
  Url: config. service. XXXX, // URL value is uniformly defined in configuration. js, var config = require ('. /. / config') at the beginning of this js; introduced
  header: {
   "Content-Type": "Application/x-www-form-urlencoded"//Pass parameters using form
  },
  method: "POST",
  dataType:"json",
  Data: Util. json2Form ({price: this. data. price}), /// The data to be delivered is converted to annotated form data format using json2Form in util. JS
  Success: function (res) {//res is the data returned and success is the execution part after the response is successful
   Console. log (res. data) // Display the data carried in Res
  },
  Complete: function (res) {// complete is similar to final and must be executed at last
   If (res == null | res. data == null) {// If the return value is empty, the network request is prompted to fail
   Console. error ('network request failed');
   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文件。
 
我希望南京小程序开发公司的这篇文章对你的微信小程序的开发有所帮助。

本文地址:http://www.ccdiya.com/web/2509.html
Tag:
专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
联系电话:025-65016872
上一篇: 如何快速构建域权限
下一篇: 返回列表
最新案例
泰杰赛
泰杰赛
苏派教育
苏派教育
全国大学生公共卫生大赛
全国大学生公共卫生大赛
南京德普筒仓建安工程宏图棋牌官网
南京德普筒仓建安工程宏图棋牌官网
中国非金属材料南京矿山工程宏图棋牌官网
中国非金属材料南京矿山工程宏图棋牌官网
你可能感兴趣
非营利网站的筹款技巧
SEO审核清单:您应该寻找什么?
如何为您的非营利组织创建更好的用户调查
4种方式内部链接构建SEO和转换潜在客户
如何在多个地点发展本地搜索引擎优化
6个白帽连锁建立B2B战略
4个用于网站性能的Google Analytics KPI
您需要WordPress CMS网站的7个理由
最后更新
南京小程序开发公司阐述Microsoft小部件提交表单操作示例 如何快速构建域权限 南京小程序开发公司解析微信小程序中滑动切换自定义页码的方法 南京网站制作为什么说滚动劫持会破坏用户体验 南京小程序开发公司分享微信applet日历效果 南京小程序开发公司是如何通过微信小程序实现的复选框效果 被遗忘的搜索引擎优化任务提升排名 什么是推荐的2019年页面加载时间?
服务项目
南京网站制作 营销型网站 微信营销 IDC网站 精品案例
江苏快3 1博彩票充值 189彩票充值 159彩票充值中心 159彩票充值中心 大星彩票官网 八马彩票官网 2m彩票官网 江苏快3 江苏快3官网