小程序留言功能，简单易懂的demo，前后端齐全

最新推荐文章于 2024-09-22 14:06:45 发布

赖赖赖先生

最新推荐文章于 2024-09-22 14:06:45 发布

阅读量410

点赞数

分类专栏：小程序 PHP

本文链接：https://blog.csdn.net/qq_42177117/article/details/119642794

版权

PHP 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

小程序

3 篇文章 0 订阅

订阅专栏

本文探讨了前端表单提交至PHP后，POST请求数据接收失败的问题，重点在于JS与PHP之间的交互。作者分享了HTML、JavaScript代码片段，以及PHP中如何正确解析GET/POST请求的解决方案。

摘要由CSDN通过智能技术生成

在这里插入图片描述

前端：

<!-- 留言板块 -->
<view class="mess">
<view class="wrap">
<view class="tt">留言标题</view>
<!-- bindsubmit 提交事件，  bindreset 重置事件 -->
<form  bindsubmit="formSubmit" bindreset="formReset">
<label class="label">
<text>姓名：</text>
<input class="txt" type="text" value="" name="name" placeholder="请输入姓名"/>
</label>

<label class="label">
<text>手机号码：</text>
<input class="txt" type="text" name="phone" placeholder="请输入号码"/>
</label>

<radio-group name="profess">
<label class="label2">
<text>职业：</text>
<view class="nr"  wx:for="{{ professList}}"  wx:key="index">
<radio value="{{item.name}}" checked="{{item.chcked}}">{{item.name}}</radio>
</view>
</label>
</radio-group>

<button type="primary" form-type="submit">提交</button>
<button  form-type="reset">重置</button>
</form>

</view>
</view>

JS部分:

 data: {
    isChecked:true,
    professList:[
      {name:'学生'},
      {name:'自由职业',checked:'true'},
      {name:'专业摄影'}
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */

  formSubmit(e){
    console.log(e.detail.value)
    let name = e.detail.value.name
   
      wx.request({
        url:'接口地址',
        data:{
          name:e.detail.value.name,
          phone:e.detail.value.phone,
          profess:e.detail.value.profess
        },
        methos:'POST',
        header: {
          'content-type': 'application/x-www-form-urlencoded'
        },
        success:function(res){
          console.log('返回信息',res.data); //成功返回php页面的信息
        }


      })
  
    },
  formReset(e){
    console.log(e.detail.value)
  },

php：

//上面是POST提交，但是获取不到，不知道是为啥，用GET跟 REQUEST就能获取到数据。
$arr["names"]=trim($_GET['name']);
$arr["phone"]=trim($_GET['phone']);
$arr['gs_name']=trim($_GET['profess']);
$modify = $db->insert('web_mess' ,$arr);  //写入数据库
 echo json_encode($arr)