前提

PHPとjavascriptで非同期通信を実装しています。

想定している挙動と実際の挙動

セレクトボックスで選んだ値に該当するデータを外部のテキストファイルから呼び出してコンソールに出力させたい。
しかし現状は1番上の「test」のデータしか取得できない。

該当のソースコード

php
1<?php
2if(isset($_POST['name'])){ 
3	$fp = fopen('test.txt', 'r');
4	while(1){
5		$str = chop(fgets($fp));
6		if($str == "") exit;
7		if($_POST['name'] == explode(",", $str)[0]) echo $str; exit;
8	}
9}
10?>

html
1html>
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4<meta http-equiv="Content-Script-Type" content="text/javascript">
5<title>テスト</title>
6</head>
7
8<body>
9
10<form>
11<select id="test" name="test">
12<option value="">---</option>
13<option value="test">test</option>
14<option value="あああ">あああ</option>
15<option value="テスト">テスト</option>
16</select>
17<input type="button" id="sender" name="sender" value="送信">
18</form>
19
20<script type="text/javascript">
21document.querySelector('#sender').addEventListener('click', GetAddr);
22
23function GetAddr(){
24    let xhr = new XMLHttpRequest();
25    let fd = new FormData();
26
27    fd.append('name', document.querySelector('#test').value);
28
29    xhr.open('POST', './regi.php', true);
30    xhr.onload = function(){
31        if(xhr.readyState == 4 && xhr.status == 200){
32            console.log(xhr.responseText);
33        }
34    }
35    xhr.send(fd);
36}
37</script>
38
39</body>
40
41</html>

text
1test,test,テスト
2あああ,あああ,aaaa
3いいい,いいい,iiii
4テスト,TEST,テ

試したこと

半角文字しかうまく動かないので文字コードを疑いましたが全てUTF-8のファイルでした。
また、javascriptで送信した値をすぐphp側でechoした際文字化けしていました。

maisumakun

2022/09/14 13:43

コードと結果だけでなく、途中経過は確認してみましたか？（ブラウザの検証ツールでもそこそこ確認できます）

myyc

2022/09/15 09:08

chromeのデベロッパーツールで値を追いましたがサーバへ送る前の文字列は問題なく、サーバに送った文字列をそのままechoしたら文字化けしている状況です。

行動規範の内容に同意します

回答1件

今回のポイントはここ

PHP
1if($_POST['name'] == explode(",", $str)[0]) echo $str; exit;

ifが影響するのは直後のステートメントのみ。上記は

PHP
1if($_POST['name'] == explode(",", $str)[0]){
2 echo $str;
3}
4 exit;

と解釈されるので1周目でかならずexitされます

参考

//sample.html

html
1<script>
2window.addEventListener('DOMContentLoaded', ()=>{
3document.querySelector('#sender').addEventListener('click', GetAddr);
4});
5const GetAddr=async()=>{
6  let body = new FormData();
7  body.append('name', document.querySelector('#test').value);
8  const url='sample.php';
9  const txt=await fetch(url,{body,method:"post"}).then(res=>res.text());
10  console.log(txt)
11}
12</script>
13<form>
14<select id="test" name="test">
15<option value="">---</option>
16<option value="test">test</option>
17<option value="あああ">あああ</option>
18<option value="テスト">テスト</option>
19</select>
20<input type="button" id="sender" name="sender" value="送信">
21</form>

//sample.php

PHP
1<?php
2$name=$_POST['name']??null;
3if($name){ 
4  $fp = fopen('sample.txt', 'r');
5  while(($data=fgetcsv($fp,1024))!==false){
6    if($data[0]==$name){
7      echo implode(",",$data);
8      exit;
9    }
10  }
11}

なお、sample.txtはutf8で保存するなどhtmlやphpの環境にあわせてください

投稿2022/09/15 00:39

編集2022/09/15 01:14

yambejp

総合スコア114843

myyc

2022/09/15 09:06

ご回答ありがとうございます。サンプルを保存して動かしてみましたがやはり同じ状況でした。後出しの情報になってしまいますが環境としてan httpdを使ってlocalhostを使ってテストしています。サーバでも試してみたら想定した値が取得でき、一応は解決しましたが何故localhostだと文字化けしてしまうのかがわからずモヤっとしています。