微信开发之入门篇(一)

刚开始进行微信的开发测试,从最基础的入手:

控件、接口等的使用参考https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=2017117

今天测试wx.request接口的时候出现域名网址不合法的情况,捣鼓了好久,网上说需要在小程序的公众平台账号上配置域名才能正常访问:

但今天测试出来了另外一种方法(适用于测试):

将微信开发工具左上角的设置——》设置代理栏选为不使用任何代理,直接连接服务器

然后勾选项目中的开发环境不校验请求域名与TLS版本:

然后就能访问对应的域名地址了,请求的代码书写(这是表单的提交时对应的两个事件):

formSubmit: function(e) {
    console.log(‘form发生了submit事件,携带数据为:‘,     e.detail.value.slider)
    wx.request({
      url: ‘https://192.168.191.1:8443/vocation/bbb‘,
      data: {name:"111",password:"123",id:"123"},
      method: ‘post‘, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
      // header: {}, // 设置请求的 header
      success: function(res){
        // success

        console.log("返回数据为:"+res.data);

        console.log(‘submit success‘);
      },
      fail: function() {
        // fail
        console.log(‘submit fail‘);
      },
      complete: function() {
        // complete
        console.log(‘submit comlete‘);
      }
    })
  },
  formReset: function() {
    console.log(‘form发生了reset事件‘)
  }

<form bindsubmit="formSubmit" bindreset="formReset"></form>

时间: 2024-10-29 19:08:16

微信开发之入门篇(一)的相关文章

微信小程序入门篇

微信小程序入门篇: 准备工作 IDE搭建 就不多说了,没有内测码去下载个破解版吧,我用了一下,学习完全够了!IDE破解版+安装教程 图片发自简书App 知识准备 JavaScrip还是要看看的,推荐教程 廖雪峰大神的博客 HTML+CSS 大概知道是干啥的就行 从零开始 微信小程序中就四种类型的文件 js ---------- JavaScrip文件 json -------- 项目配置文件,负责窗口颜色等等 wxml ------- 类似HTML文件 wxss ------- 类似CSS文件

微信开发实战入门视频教程(Android4.4.2)

基于移动技术微信公众平台开发实战入门(Android4.4.2,微移动应用,项目实战) 适合人群:初级课时数量:40课时用到技术:微移动应用涉及项目:手机微信开发 qq:1840215592 课程内容简介微信腾讯公司推出的一个即时通讯服务的应用,微信提供公众平台.朋友圈.消息推送等功能,预计到2014年年底其注册用户量将突破10亿.面对一个用户数如此巨大的家伙,大家怎么能放过,都迫不及待的希望自己的应用能够跟微信产生一些联系.那么我们这套课程要讲的就是如何跟微信产生连接,如何将我们的网站接入到微

【helloworld】-微信小程序开发教程-入门篇【4】

1. 开篇导言 本节目标:通过上一节的讲解,相信大家对小程序框架MINA的目录结构和配置有了一定的了解.接下来将会讲解视图层,逻辑层及其之间的交互. 目标用户:无编程经验,但对微信小程序感兴趣的同学. 学习目标:了解MINA框架的视图层(View),逻辑层(App Service),及其之间的交互. 案例分析:helloworld小程序. 代码下载 传送门: 目录:微信小程序教程-开篇导言-很快微信小程序社区上一篇:[helloworld]-微信小程序教程-入门篇[3]    下一篇:未开启.

helloworld】-微信小程序开发教程-入门篇【2】

1. 开篇导言 本节目标:通过上一节的讲解,相信大家对微信小程序有了初步的了解.接下来将会对小程序的框架进行简单介绍. 目标用户:无编程经验,但对微信小程序感兴趣的同学. 学习目标:了解MINA框架的基本特征,并对数据绑定和页面(Page)有概念上的认识. 案例分析:对于helloworld小程序的进行讲解. 代码下载 传送门: 目录:微信小程序教程-开篇导言-很快微信小程序社区上一篇:[helloworld]-微信小程序教程-入门篇[1]-很快微信小程序社区下一篇:[helloworld]-微

【helloworld】-微信小程序开发教程-入门篇【1】

1. 开篇导言 本节目标:旨在演示如何用开发者工具构建并运行简单的 helloworld 应用. 目标用户:无编程经验,但对微信小程序感兴趣的同学. 学习目标:开发者工具的基本使用流程,即创建.导入.删除.关闭项目. 案例分析:创建helloworld应用,相似于微信官网简易教程中的quickstart demo. 代码下载 传送门: 目录:微信小程序教程-开篇导言-很快微信小程序社区下一篇:[helloworld]-微信小程序教程-入门篇[2]-很快微信小程序社区 备注:有编程经验或看过微信官

【helloworld】-微信小程序开发教程-入门篇【3】

1. 开篇导言 本节目标:通过上一节的讲解,相信大家对小程序框架MINA有了初步了解.接下来将会对其进行深入介绍. 目标用户:无编程经验,但对微信小程序感兴趣的同学. 学习目标:了解MINA框架的目录结构和配置. 案例分析:helloworld小程序. 代码下载 传送门: 目录:微信小程序教程-开篇导言-很快微信小程序社区上一篇:[helloworld]-微信小程序教程-入门篇[2]-很快微信小程序社区    下一篇:[helloworld]-微信小程序教程-入门篇[4]-很快微信小程序社区.

关于C#的微信开发的入门记录一

在之前老是看到一些微信开发的例子,但是作为初学者会有很多问题,之前我也找了很多帖子,但是最终也没能解决,现在刚好手里有一个项目,总结一下分享给准备做却动不了手的朋友们,本文只是以我个人的经验作为浅谈(大学生),不足之处还望大家不吝赐教! 在开发之前我们需要有三样东西,接下来将一一介绍三样东西的准备: 首先,需要申请一个公众平台账号: 其次,需要一个域名空间,也就是在网络上得一块空间: 再次,还需要一个网站: 一:微信公众平台账号,怎样注册网上有很详细的教程,请移步查看: 然后问题来了,请仔细查看

C#微信开发之入门

这段时间公司要开发微信公众号,研究了一段时间,走了不少弯路,现在记录下这段时间的劳动成果. 开发微信公众号当然第一步是要申请个公众号啦,可是申请公众号很麻烦,而且需要很长时间,具体怎么申请可以百度下.为了方便我就申请了一个测试号,看微信开发文档的时候发现新大陆啦,有测试号这东西,省了我不少麻烦,哈哈! 一.申请测试号 1.输入网址http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login,进入申请微信测试号页面 2.如果有微信就可以

微信开发__入门

0.作者前言 本文针对人群是有一定开发基础的人员,可以比较快的帮助你了解和学习微信开发. 其次是本文作者本次书写,全部采用的是个人的订阅号,假如是正常的开发流程,可能会存在不同,请读者注意. 本文代码部分主要提供的是关键代码,非关键代码因人而异,需要读者自行补充,请注意. 今天文章下面对一些方法进行了封装,虽然在公司里面,这些都是由后台来对这些任务完成,但是身为一个有理想,有抱负的前端,我们会肯定是有必要的,对吧.而且微信开发很多时候,也是直接由前端来开发完成的. 最后,如果喜欢本文,请关注我呦