微信小程序wx.request请求用POST后台得不到传递数据

最新推荐文章于 2023-08-07 10:05:24 发布

辛苦的码农20200609

最新推荐文章于 2023-08-07 10:05:24 发布

阅读量542

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_hjkb21bcii2j.html

版权

前端专栏收录该内容

785 篇文章 4 订阅

订阅专栏

在小程序中与后台交互数据用到的是wx.request;但是今天我用它来传递数据的时候，后台却得不到数据，

php:

header("Access-Control-Allow-Origin:*");
// 响应类型
header('Access-Control-Allow-Methods:POST');
// 响应头设置
header('Access-Control-Allow-Headers:x-requested-with, content-type');

function getData($key, $default = "")
{
    return trim(isset($_REQUEST[$key])? $_REQUEST[$key]:$default );
}
$tabName = getData("tabName");
var_dump($tabName);

　　我先用ajax进行调取，可以得到：

html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button>
    点击获取
</button>
<p>

</p>
</body>
<script src="http://g.ydbcdn.com/jquery/latest/jquery.min.js"></script>
<script>
    $(() => {
        $("button").click(() => {
            $.ajax({
                url:"http://fm.xiaofany.com/chart/chartsData.php",
                type:"post",
                data:{"tabName":"subject"},
                dataType:"json",
                success:function (data) {
                    console.log(data)
                }
            })
        })
    })
</script>
</html>

可以得到我传递的参数

小程序的wxml:

   wx.request({
      url: "http://fm.xiaofany.com/chart/chartsData.php",
      data: {tabName:event.currentTarget.dataset.sub},
      method:"POST",
      dataType:"json",
      success:function(res){
        console.log(res.data)
      }
    })

结果跑并没有得到，原因是在传递的时候小程序需要写上头部信息：

header: { 'content-type': 'application/x-www-form-urlencoded' },

  wx.request({
      url: "http://fm.xiaofany.com/chart/chartsData.php",
      data: {tabName:event.currentTarget.dataset.sub},
      header: { 'content-type': 'application/x-www-form-urlencoded' },
      method:"POST",
      dataType:"json",
      success:function(res){
        console.log(res.data)
      }
    })

　　这样就可以啦

辛苦的码农20200609

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
微信小程序wx.request请求用POST后台得不到传递数据

在小程序中与后台交互数据用到的是wx.request;但是今天我用它来传递数据的时候，后台却得不到数据，php:header("Access-Control-Allow-Origin:*");// 响应类型header('Access-Control-Allow-Methods:POST');// 响应头设置header('Access-Control-Allow-Headers:x-requested-with, content-type');function getData($key,
复制链接

扫一扫