在小程序中与后台交互数据用到的是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)}})

  这样就可以啦

转载于:https://www.cnblogs.com/mmykdbc/p/8404718.html

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

  1. 微信小程序服务器开小差了,微信小程序wx.request请求封装

    微信小程序 wx.request RequestTask wx.request(Object object)发起 HTTPS 网络请求. 示例代码 wx.request({ url: 'test.ph ...

  2. 微信小程序wx.request请求服务器json数据并渲染到页面

    微信小程序的数据总不能写死吧,肯定是要结合数据库来做数据更新,而小程序数据主要是json数据格式,所以我们可以利用php操作数据库,把数据以json格式数据输出即可.现在给大家讲一下,微信小程序的wx ...

  3. 微信小程序请求php文件报错,微信小程序wx.request请求数据报错

    首先写一个后台的数据接口,地址是:http://localhost/weicms/index... 然后使用wx.request调用后台数据接口的地址 示例代码1 wx.request({ 2 url ...

  4. 微信小程序wx.request请求

    微信小程序网络请求wx.request请求 wx.request是向指定域名发送http请求,并且需要在微信小程序管理后台中加入指定域名(微信小程序后台中只能添加https的域名,可能是微信官方觉得这 ...

  5. 微信小程序网络请求异常怎么办_监控微信小程序wx.request请求失败

    在微信小程序里,与后台服务器交互的主要接口函数是wx.request(),用于发起 HTTPS 网络请求.其重要性不言而喻.然而,却经常遇到请求失败的问题,笔者特意谷歌"wx.request ...

  6. 微信小程序wx.request请求接口需设置header: { accept: */*,content-type: application/json },

    开始使用header: { "content-type": "application/json" },发送wx.request请求,报错,后台使用 Nancy ...

  7. 微信小程序wx.request请求封装,和跨域的解决。

    建议把所有请求抽离到不同页面对应的js文件中,可以方便后期的修改和排查问题,小程序请求是通过微信后台来请求我们的后台地址来进行后端映射.你请求的接口实际到微信的后端做了一道映射,微信后端拿到你的 wx ...

  8. 微信小程序 wx.request 的封装

    自学转行到前端也已近两年,也算是简书和掘金的忠实粉丝,但是以前一直惜字如金(实在是胆子小,水平又低),现在我决定视金钱如粪土(就只是脸皮厚了,水平就那样),好了废话不多说,切入主题,最近自己尝试了一下 ...

  9. 微信小程序wx.request接口

    微信小程序wx.request接口 wx.request是小程序客户端与服务器端交互的接口 HTTPS 请求 一个微信小程序,只能同时(同时不能大于5个)有5个网络请求 wx.request(OBJE ...

最新文章

  1. 前端html继承的方式,好程序员web前端教程之JS继承实现方式解析
  2. git将代码提交到多个远程仓库
  3. (转)flash位图缓存cacheAsBitmap
  4. java用集合类求数组交并集_java 并集 数组/集合 有重复元素需 保留(急)
  5. 语言的顺序表的合拼_2020语文中考专题五:语言运用和综合性学习。掌握基础题五种题型...
  6. Linux命令中的$()和${}的区别
  7. 前端学习(499):水平居中布局得第一种方式得优点和缺点
  8. C语言中 . 和 - 区别详解(举例解释)
  9. (操作系统)系统调用
  10. js 正则匹配邮箱_比较正宗的验证邮箱的正则表达式js代码详解
  11. 【情感识别】基于matlab PNN概率神经网络语音情感识别【含Matlab源码 544期】
  12. Java实现阿里云短信验证码发送
  13. abb机器人编程指令写字_最全的ABB机器人编程指令与函数
  14. 某种草电商App签名算法解析(一)
  15. 写好英语科技论文的诀窍: 主动迎合读者期望,预先回答专家可能质疑--周耀旗教授...
  16. 【微信技术-微信小程序】------- 微信小程序引用阿里巴巴iconfont图标库样式使用说明
  17. 金融工程中的蒙特卡罗方法
  18. 【Android应用开发之前端——简易App登录页面】
  19. 用python进行简单的数据分析和数据可视化
  20. Hive的学习和使用

热门文章

  1. 把一个数插入c语言,[求助] 把一个数插入一个已经从小到大排列好的数列中
  2. 我的博客学习记录一箩筐(每天更新)
  3. CentOS8设置桥接网络模式,并配置静态IP及外网访问
  4. oracle的globalname后缀,在Oracle 11g下查看数据库的global_name
  5. ELasticSearch安装使用过程中遇到的坑的解决方案,以及使用Kibana操作ELasticSearch
  6. linux7 多路径配置,redhat7.3多路径配置
  7. iframe并没有错
  8. 医学实验室质量和能力认可准则在实验室信息系统的应用说明CNAS-CL35
  9. 阿群笔记:CentOS7 在线安装 docker 的推荐方法
  10. 2018-11-30