React入門者へおすすめ動画&書籍おすすめ!

フロントエンド入門者へおすすめ動画&書籍おすすめ!

JavaScript PHP

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

2018年4月24日

0
0

 

やりたいこと

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

Pocket
LinkedIn にシェア

React入門者へおすすめ動画&書籍おすすめ!

フロントエンド入門者へおすすめ動画&書籍おすすめ!

  • この記事を書いた人
  • 最新記事

藤沢瞭介(Ryosuke Hujisawa)

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

-JavaScript, PHP

Copyright© off.tokyo , 2021 All Rights Reserved Powered by AFFINGER5.