質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
GIS

GISとは、地理情報システムの略称です。位置・空間などの様々なデータをコンピュータを使用して加工・管理することで、情報の分析や解析を行ったり、視覚的に表示します。行政や市民生活、ビジネスなどで利用されており、活用範囲が広がっています。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

解決済

1回答

567閲覧

javascriptからphpへの値の受け渡し

ohayou

総合スコア18

GIS

GISとは、地理情報システムの略称です。位置・空間などの様々なデータをコンピュータを使用して加工・管理することで、情報の分析や解析を行ったり、視覚的に表示します。行政や市民生活、ビジネスなどで利用されており、活用範囲が広がっています。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

0グッド

0クリップ

投稿2018/11/15 10:50

javascriptからphpへの値の受け渡し

マップを使ったWEBアプリケーション(図鑑のようなもの)の開発をしています。
javascriptを使ってマップを表示し,クリックしたところの緯度経度を取得する。そして,alertの質問に答えていくとphpで作った新規情報登録フォームにクリックで出した緯度経度がフォームに入力してある状態で飛ばされる。
ということをやりたいのですがjavascript→phpの値の受け渡しがうまくいきません。
そもそも緯度経度の値を取得できていないのでしょうか?
改善方法,別のやり方などございましたら,どなたかご教授お願いいたします。

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

javascriptからphpへの値の受け渡しがうまくいかない

javascript

1 2 3 4<body> 5<div id="map"></div> 6<script> 7var map = L.map('map'); 8//map形成 9L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { 10 attribution: "<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>地理院タイル</a>" 11}).addTo(map); 12map.setView([34.7786824, 135.6101677], 12); 13 14//マップ上をクリックしたとき緯度経度を表示 15map.on('click',function(e){ 16 var latitude=(Math.round(e.latlng.lat * 10000)) /10000; 17 var longitude=(Math.round(e.latlng.lng * 10000)) /10000; 18 alert("緯度:"+latitude+","+"経度:"+longitude); 19 20//alertクリック時 21 var res=confirm("新しく投稿しますか?") 22//okの時 23 if(res==true){ 24$.ajax({ 25 type:'POST', 26 url:'formmap.php', 27 data:{ 28 latitude:$('#latitude').val(), 29 longitude:$('#longitude').val(), 30 }, 31 success:function(data){ 32 alert(data+"この位置でよろしいですか?"); 33 } 34}); 35 location.href="formmap.php"; 36 37//NGの時 38 }else{ 39 alert("閲覧を続行します。"); 40 } 41 42}); 43 44</script> 45</body> 46</html> 47 48 49

php

1<html lang = "ja"> 2<head> 3<meta charset = "UFT-8"> 4</head> 5<body> 6 <h1>動植物登録フォーム</h1> 7 8<?php 9$latitude=$_POST['latitude']; 10$longitude=$_POST['longitude']; 11?> 12 13<form action = "form.php" method = "post" enctype="multipart/form-data"> 14<?php echo "<input type='text' name='latitude' value='". $latitude ."' disabled='disabled'><br>"; ?> 15<?php echo "<input type='text' name='longitude' value='". $longitude ."' disabled='disabled'><br>"; ?> 16<input type="submit" name="submit" value="投稿"> 17</form> 18</body> 19</html> 20 21?> 22 23 24 25

補足情報(FW/ツールのバージョンなど)

地図は国土地理院のものを使用します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

直接的な回答にはなっているかわかりませんが、そもそもajax 非同期通信のことを勘違いされていそうに思います。
非同期なので画面遷移なしにphpなどを実行できるわけですが、その先に画面は存在しません。
基本的にはデータをリクエストで渡して処理結果をレスポンスとして返すだけです。

つまり提示の

phpで作った新規情報登録フォームにクリックで出した緯度経度がフォームに入力してある状態で飛ばされる。

ということをやりたいのでしたらajaxでなく通常のform送信で行いましょう。
取得した緯度経度は予めhiddenを用意しておき取得都度valueを書き換えれば送信できます。

投稿2018/11/15 11:01

m.ts10806

総合スコア80850

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ohayou

2018/11/15 12:16

回答ありがとうございます。頑張ってみます!
m.ts10806

2018/11/15 12:17

解決に繋がりそうで何よりです
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問