Q&A
検証しているブラウザはChromeですか？もしそうならデベロッパーツール(F12キーで起動)を開いて、NetworkタブからAjax通信で帰ってきた文字列を質問欄に貼り付けてくださるとはかどります。
jQueryのPOSTの戻り値に余分なものがついてしまいます。対処法をご教示いただけますでしょうか。
追記：alertでごみデータを削除できれば構いません。jQueryでのこの状態からの置換ができれば、それでOKです。よろしくお願いいたします。
jQueryでフォームの値を取得しPOSTします。
var formData = $('form').serialize(); $.post( "post.php", formData, function(data){ alert(data); } );
POST先のPHPで処理をします。変数は省略しますが、
echo "<tr><td></td><td></td></tr>";
となる予定です。しかし、戻り値のdataの先頭に<head/>というのがついてしまいます。
この余分な<head/>がつかない方法をご存じでしょうか。もしくは置換する方法でもよいです。
どうぞよろしくお願いいたします。
ありがとうございます、chromeです。デベロッパーツールを起動してNetworkタブを開いておりますが、ボタンクリックした後どの部分が文字列に当たりますでしょうか?
$.postはAjax通信なのでXHRを開いたままAjax通信を行うと末尾に1レコードが足されます。その名称をクリック→Previewで確認出来ると思います。
続けてすみません。responseというところですよね。やはり<head/>というのがついていました。
Previewですと、<tr><td>などのタグが抜けて、文字列のみになっています。期待した戻りが<tr><td>Aさん</td><td>男性</td></tr>とした場合、resuponseだと<head/><tr><td>Aさん</td><td>男性</td></tr>となります。 Previewですと、「Aさん男性」となります。
ありがとうございます。responseですね。やはりPHPから出力した時点でゴミデータが含まれてしまっているようです。
alert(data); では無く console.log(data);でコンソールに出力し、それを質問文に追記いただけませんか？
ありがとうございます。alert(data); とconsole.log(data);では全く同じでした。
では post.php を提示ください。
回答3件
0
確認ですが、以下のコードを実行したときにも</head>がつきますか？
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>タイトル</title> 6</head> 7<body> 8<form> 9 <label>名前: 10 <input type="text" name="name"> 11 </label> 12 <input type="button" id="button1" value="submit"> 13</form> 14<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 15<script> 16 $("#button1").on("click", function () { 17 var formData = $('form').serialize(); 18 $.post( 19 "test.php", 20 formData, 21 function (data) { 22 alert(data); 23 } 24 ); 25 }); 26</script> 27</body> 28</html>
PHP
1<?php 2if (!empty($_POST)) { 3 $name = $_POST["name"]; 4 echo " 5<tr> 6 <td>$name</td> 7 <td>$name</td> 8</tr>"; 9}
投稿2017/01/07 03:52
総合スコア14731
0
$.postではなく単にpost.phpを実行した（開いた？）場合<head/>はつくのでしょうか？
投稿2017/01/06 11:23
総合スコア118173
0
自己解決
多くの方からアドバイスいただきありがとうございました。
色々と試みてみましたが、<head/>がなぜゴミ情報として出てくるのかはわかりませんでした。
var data=data.replace( "<head/>" , "" );
と、置換することで対処いたしました。
ありがとうございました。
投稿2017/01/07 13:18
総合スコア32
あなたの回答
tips
プレビュー
