日刊ハイテク情報誌の マガジンOFFです! 毎日IT系のニュースを 配信しています!

window.openで値を渡す方法 – php/js

 

やりたいこと

jsのwindow.openを使って新しいページを開きたい。その時に一緒にデータを渡したい。

環境

  • window.open
  • php
  • js

window.openでpostを渡す

ほぼコピペでいけるはず。とりあえずurlだけ正しく変えれば文字列がポストで渡るはず。何らかのイベントの中で下記のコードをコピペしてください。

var mapForm = document.createElement("form");
mapForm.target = "Map";
mapForm.method = "POST"; // or "post" if appropriate
mapForm.action = "ポスト先の相対パス、もしくはフルパス";

var mapInput = document.createElement("input");
mapInput.type = "text";
mapInput.name = "addrs";
mapInput.value = "飛ばしたいデータ";
mapForm.appendChild(mapInput);

document.body.appendChild(mapForm);

map = window.open("", "Map", "status=0,title=0,height=600,width=800,scrollbars=1");

if (map) {
mapForm.submit();
} else {
alert('You must allow popups for this map to work.');
}

window.openから渡ってきた値を受け取る

<?php

$comment = $_POST["addrs"];
echo $comment;
//飛ばしたいデータ

?>

参考

Javascript window.open pass values using POST

藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

JavaScriptPHP