微信小程序实现获取用户信息并存入数据库操作示例

 更新时间:2019年05月07日 11:36:23   作者:清风思月  
这篇文章主要介绍了微信小程序实现获取用户信息并存入数据库操作,涉及微信小程序wx.request后台数据交互及php数据存储相关操作技巧,需要的朋友可以参考下

本文实例讲述了微信小程序实现获取用户信息并存入数据库操作。分享给大家供大家参考,具体如下:

微信小程序获取用户信息简单,但是在存入自己服务器数据库的过程中研究了一天多的时间,并且网上搜索不到该资源,故发出来供大家参考。

index.js

Page({
 data: {
  nickName: "微信账号登录",
  avatarUrl:"./user-unlogin.png",
 },
 onLoad: function () {
  var that = this;
  var nickName = that.data.nickName ;
  var avatarUrl = that.data.avatarUrl;
  var db="no";
  wx.getUserInfo({
   success: function (res) {
    that.data.nickName = res.userInfo.nickName,
    that.data.avatarUrl = res.userInfo.avatarUrl,
    that.setData({
     nickName: that.data.nickName,
     avatarUrl: that.data.avatarUrl,
    }),
    that.setData({
     db:"ok"// 设置变量db,只有成功获取用户信息后才写入数据库
    })
    if(db = "ok") {
     var name, url;
     wx.request({
      url: 'https://.../getuserinfo.php',//写自己的服务器
      header: {
       "Content-Type": "application/x-www-form-urlencoded"
      },
      method: "POST",
      data: {
       name: res.userInfo.nickName,
       url: res.userInfo.avatarUrl,
      },
      success: function () {
       console.log("success")
      },
      fail: function () {
       console.log("fail")
      }
     })
    }
   },
   fail: function (res) {
    that.data.nickName = "未授权无法获取用户信息",
     that.setData({
      nickName: that.data.nickName
     })
   }
  })
 },
onShow: function () {
 }
})

getuserinfo.php

<?php
$name = $_POST['name'];
$url = $_POST['url'];
$servername = "localhost";
$username = "root";
$password = "";//服务器中连接数据库的密码
$dbname = "mydb";//使用的数据库名
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn->connect_error) {
 die("connect server fail: " . $conn->connect_error);
}
$sql = "INSERT INTO userinfo
VALUES ('$name', '$url')";
if ($conn->query($sql) === TRUE) {
 echo "insert success";
} else {
 echo "Error: " . $sql . "<br>" . $conn->error;
}
$conn->close();
?>

测试通过,在服务器中查询有用户信息

希望本文所述对大家微信小程序开发有所帮助。

相关文章

  • javascript 通过封装div方式弹出div窗体

    javascript 通过封装div方式弹出div窗体

    废话少说,此js对象是通过封装页面上的div,将其弹出,可以弹出多个,参考了一些高人代码,达到我要的效果。先看看效果图。配合一css就可以很好看了。
    2009-10-10
  • webpack4 optimization使用总结

    webpack4 optimization使用总结

    这篇文章主要介绍了webpack4 optimization使用总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • JS实现网页端猜数字小游戏

    JS实现网页端猜数字小游戏

    这篇文章主要为大家详细介绍了JS实现网页端猜数字小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • js密码强度实时检测代码

    js密码强度实时检测代码

    这篇文章主要为大家详细介绍了js密码强度实时检测代码,密码强度的判断, 在注册网站用户的时候, 是一个必须要做的事情,如何实现js密码强度检测,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • js执行字符串代码的具体实现

    js执行字符串代码的具体实现

    这篇文章主要给大家介绍了js执行字符串代码的具体实现,需要的朋友可以参考下
    2024-06-06
  • Fixie.js 自动填充内容的插件

    Fixie.js 自动填充内容的插件

    Fixie.js 自动填充内容的插件,需要的朋友可以参考下
    2012-06-06
  • JavaScript中this指向的最全总结

    JavaScript中this指向的最全总结

    前端的初学者在学习Javascript中this指向的时候经常都会一头雾水,尤其是在ES6箭头函数出现之前,所以本篇文章主要是介绍和总结了各种情况下的this指向,希望对大家有所帮助
    2023-12-12
  • 浅谈鸿蒙 JavaScript GUI 技术栈

    浅谈鸿蒙 JavaScript GUI 技术栈

    众所周知,刚刚开源的「鸿蒙 2.0」以 JavaScript 作为 IoT 应用开发的框架语言。作为科普,这篇文章不会拿着放大镜找出代码中的槽点来吹毛求疵,而是希望通俗地讲清楚它所支持的 GUI 到底是怎么一回事。
    2020-09-09
  • JavaScript交换两个变量方法实例

    JavaScript交换两个变量方法实例

    这篇文章主要介绍了JavaScript交换两个变量方法实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • JavaScript中reduce()的用法实例

    JavaScript中reduce()的用法实例

    reduce()方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值,下面这篇文章主要给大家介绍了关于JavaScript中reduce()的用法实例,需要的朋友可以参考下
    2022-05-05

最新评论