jsの値をphpに送る

Question

前提・実現したいこと

jsの値をphpで使う方法

発生している問題・エラーメッセージ

jsで設定した値をphpのほうでも使用したいのですが、なかなかうまくいきません。
様々なサイトを参考にしてajaxを使い、phpからjsへの値の受け渡しはうまくいったのですが、jsからphpへの値の受け渡しがうまくいきません。どのように改善したらよいでしょうか？よろしくお願いします。

該当のソースコード

-- script.js --
const data = 'Hello World！'; // 渡したいデータ

$.ajax({
type: "POST", //　GETでも可
url: "lifejs.php", //　送り先
data: { 'データ': data }, //　渡したいデータをオブジェクトで渡す
dataType: "json", //　データ形式を指定
scriptCharset: 'utf-8' //　文字コードを指定
})
.then(
function (param) { //　paramに処理後のデータが入って戻ってくる
console.log("受け取った値：" + param); //　帰ってきたら実行する処理
},
function (XMLHttpRequest, textStatus, errorThrown) { //　エラーが起きた時はこちらが実行される
console.log(XMLHttpRequest); //　エラー内容表示
});

-- lifejs.php --

<?php $param = "4"; echo json_encode($param); ### 試したこと 上記のコードではindex.htmlのコンソールに「受け取った値：4」という風に表示されます。 ### 補足情報（FW/ツールのバージョンなど） localhostで実行しています。

Comments

[m.ts10806]

>jsからphpへの値の受け渡しがうまくいきません。

とは仰いますがPHPのほうにJavaScriptから渡された値を受け取る処理が書かれていません。うまくいかないも何も、何も書いてないからなにもおきてないのでは？

あとコードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

Answer 1

//script.js

const data = 'Hello World！あいうえお';
const url= "lifejs.php";
const method="POST";
const body=new FormData();
body.append("data",data);
fetch(url,{method,body}).then(res=>res.text()).then(param=>console.log("受け取った値："+param));

//lifejs.php

<?PHP
$param = filter_input(INPUT_POST,"data");
echo json_encode($param,JSON_UNESCAPED_UNICODE);

Comments

[退会済みユーザー]

post先のurlって、http(s)からしっかり書かなきゃいけないような気がしますが。

[yambejp]

非同期のファイルアクセスはCORSの問題があるので
同じドメインの同じプロトコルでの運用を想定としてます
したがって同じ公開ディレクトリ内であれば相対位置としてファイル名だけで問題ないはずです
（ご指摘の意図が違うようでしたらすみません）