dongmozhui3805 2018-11-12 18:08
浏览 60

如何使用Fetch API更新php $ _POST数组

I am trying to send a form data to my php file using the fetch API but nothing work.

Here's my .js file

form.addEventListener("submit", e => {
       e.preventDefault();

  let message = document.getElementById("message").value,
    name = document.getElementById("name").value;

  let object = {
    name,
    message
  }
  //Apply encodeURIComponent to element
  function formEncode(obj) {
    var str = [];
    for (var p in obj)
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
    return str.join("&");
  }

  fetch("http://localhost/essai/script.php", {
    method: "POST",
    mode: "same-origin",
    credentials: "same-origin", // For COOKIES
    headers : {
      'Content-type': ''
    },

    body: formEncode(object)
  })
    .then(response => response.text)
    .catch(err => console.log(`Une erreur s'est produite : ${err}`))
});

Here's my .php file

<?php
$contentType = isset($_SERVER["CONTENT_TYPE"]) ? trim($_SERVER["CONTENT_TYPE"]) : '';

if ($contentType === "application/json") {
  //Receive the RAW post data.
  $content = trim(file_get_contents("php://input"));

  $decoded = json_decode($content, true);

  //If json_decode failed, the JSON is invalid.
  if(! is_array($decoded)) {
    echo $_GET['name'];
  } else {
    // Send error back to user.
    echo "Une erreur s'est produite";
  }
}

the echo $_POST['name'] don't display the user name added in the input , Please help me solve this . Thank You !

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
    • ¥20 软件测试决策法疑问求解答
    • ¥15 win11 23H2删除推荐的项目,支持注册表等
    • ¥15 matlab 用yalmip搭建模型,cplex求解,线性化处理的方法
    • ¥15 qt6.6.3 基于百度云的语音识别 不会改
    • ¥15 关于#目标检测#的问题:大概就是类似后台自动检测某下架商品的库存,在他监测到该商品上架并且可以购买的瞬间点击立即购买下单
    • ¥15 神经网络怎么把隐含层变量融合到损失函数中?
    • ¥15 lingo18勾选global solver求解使用的算法
    • ¥15 全部备份安卓app数据包括密码,可以复制到另一手机上运行
    • ¥20 测距传感器数据手册i2c