現在地の経度、緯度の値を取得し利用する方法について

私は、TwitterAPIを用いたシステムの開発を行っています。


<?php
$s_width = '<script type="text/javascript">document.write(latitude);</script>';
if(isset($_POST['search']) && $_POST['search']!==""){
header("Location:123.php?search=".$_POST['search']."?".$s_width);
}else{
$flag=1;
}
?>

<html>
<head>
<script type="text/javascript">
navigator.geolocation.getCurrentPosition(successCallback, errorCallback);
function successCallback(position) { /* 成功時の処理 */
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
}
</script>
<mata charset="UTF-8"/>


<title>入力画面</title>

</head>
<CENTER>
<div class="top">
<font size = 10><h1>入力画面</h1></font>
</div>

<div>
<form method="POST" action="index.php">
<input type="text" id="search" name="search">
<input type="submit" value="検索">
</form>
</div>

<div class="bottom">
</div>
</CENTER>
</body>
</html>

以上のソースコードで検索フォームを作ったのですが、検索（search) はPOSTとして受け取ったのですが、経度、緯度をPOSTとして検索POSTと一緒に送ることができません。
仮に送ることができたとしてもsearch結果に結合してしまいます。

<?php
require 'XXX';

$consumer_key = 'XXX';
$consumer_secret = 'XXX';
$access_token = 'XXX';
$access_token_secret = 'XXX';

$connection = new TwistOAuth($consumer_key, $consumer_secret, $access_token, $access_token_secret);

// キーワードによるツイート検索
0. $tweets_params = ['q' => '花火' ,'geocode' => '経度,緯度,範囲','count' => '10'];
$tweets = $connection->get('search/tweets', $tweets_params)->statuses;

foreach ($tweets as $value) {
// 検索キーワードをマーキング
$text = htmlspecialchars($value->text, ENT_QUOTES, 'UTF-8', false);

$keywords = preg_split('/,|\sOR\s/', $tweets_params['q']); //配列化
foreach ($keywords as $key) {
$text = str_ireplace($key, '<span class="keywords">'.$key.'</span>', $text);
}
// ツイート表示のHTML生成
disp_tweet($value, $text);
}

function disp_tweet($value, $text){
$icon_url = $value->user->profile_image_url;
$screen_name = $value->user->screen_name;

$date = date('Y/m/d H:i', strtotime($value->created_at));

$tweet_id = $value->id_str;
$url = 'https://twitter.com/' . $screen_name . '/status/' . $tweet_id;

echo '<div class="tweetbox">' . PHP_EOL;
echo '<div class="thumb">' . '<img alt="" src="' . $icon_url . '">' . '</div>' . PHP_EOL;
echo '<div class="meta"><a target="_blank" href="' . $url. '">' . $date . '</a>' . '<br>@' . $screen_name .'</div>' . PHP_EOL;
echo '<div class="tweet">' . $text . '</div>' . PHP_EOL;
echo '</div>' . PHP_EOL;
}
?>

以上のソースコードで現在地の緯度、経度を取得した値を0番の行のgeocodeの緯度、経度に値を移す方法に苦戦しています。
サーバはMARPです。

kei344

2016/07/31 05:25

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。また、JavvaScriptからPHPへのデータ受け渡しについて何も書かれていませんが、どのように実装されていますか？

i_ok

2016/07/31 17:33

迅速な回答ありがとうございます。私の説明が足りていなすぎたのでソースコードから改めて編集しました。また足りない説明がありましたら聞いていただけると幸いです。

kei344

2016/08/01 15:34

コメント欄に書かれているコードについて、質問文の最後に追記されてはいかがでしょうか。（コメント欄は編集できますので、質問文に追加した後、最低限の文言まで編集されることをお勧めします）

i_ok

2016/08/01 15:53

質問するソースコードを変更致しました。 javascriptからPHPへのデータ渡しについてですが、POSTでの可能なのでしょうか？

kei344

2016/08/01 16:15

回答が付いた質問の編集は慎重に行ってください。質問文のコードについて指摘があった場合は「追記」し、元のコードを編集する場合も「直したこと」がわかるようにしてください。

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

回答1件

ベストアンサー

PHPとJavaScriptの処理の順番について理解が必要です。
サンプルで書かれた内容だと、リクエストに対してサーバーサイドでPHPを処理し、その結果をブラウザにレスポンスし、そこで初めてJavaScriptが実行されます。
このままではPHPに値を渡すことはできません。

JavaScriptで取得した値をPHPで使いたいなら、同期または非同期でもう一度サーバーにリクエストを送る必要があります。

投稿2016/08/01 07:57

dupont_kedama

総合スコア925

i_ok

2016/08/01 14:20

""" <?php $s_width = '<script type="text/javascript">document.write(latitude);</script>'; if(isset($_POST['search']) && $_POST['search']!==""){ header("Location:123.php?search=".$_POST['search']."?".$s_width); }else{ $flag=1; } ?> <html> <head> <script type="text/javascript"> navigator.geolocation.getCurrentPosition(successCallback, errorCallback); function successCallback(position) { /* 成功時の処理 */ var latitude = position.coords.latitude; var longitude = position.coords.longitude; } </script> <mata charset="UTF-8"/> <title>入力画面</title> </head> <CENTER> <div class="top"> <font size = 10><h1>入力画面</h1></font> </div> <div> <form method="POST" action="index.php"> <input type="text" id="search" name="search"> <input type="submit" value="検索"> </form> </div> <div class="bottom"> </div> </CENTER> </body> </html> """ 以上のソースコードで検索フォームを作ったのですが、検索（search) はPOSTとして受け取ったのですが、経度、緯度をPOSTとして検索POSTと一緒に送ることができません。 aaa.phpは ””” <?php require 'XXX'; $consumer_key = 'XXX'; $consumer_secret = 'XXX'; $access_token = 'XXX'; $access_token_secret = 'XXX'; $connection = new TwistOAuth($consumer_key, $consumer_secret, $access_token, $access_token_secret); // キーワードによるツイート検索 0. $tweets_params = ['q' => '花火' ,'geocode' => '経度,緯度,範囲','count' => '10']; $tweets = $connection->get('search/tweets', $tweets_params)->statuses; foreach ($tweets as $value) { // 検索キーワードをマーキング $text = htmlspecialchars($value->text, ENT_QUOTES, 'UTF-8', false); $keywords = preg_split('/,|\sOR\s/', $tweets_params['q']); //配列化 foreach ($keywords as $key) { $text = str_ireplace($key, '<span class="keywords">'.$key.'</span>', $text); } // ツイート表示のHTML生成 disp_tweet($value, $text); } function disp_tweet($value, $text){ $icon_url = $value->user->profile_image_url; $screen_name = $value->user->screen_name; $date = date('Y/m/d H:i', strtotime($value->created_at)); $tweet_id = $value->id_str; $url = 'https://twitter.com/' . $screen_name . '/status/' . $tweet_id; echo '<div class="tweetbox">' . PHP_EOL; echo '<div class="thumb">' . '<img alt="" src="' . $icon_url . '">' . '</div>' . PHP_EOL; echo '<div class="meta"><a target="_blank" href="' . $url. '">' . $date . '</a>' . '<br>@' . $screen_name .'</div>' . PHP_EOL; echo '<div class="tweet">' . $text . '</div>' . PHP_EOL; echo '</div>' . PHP_EOL; } ?> ”””

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