javascript - 使用POST将js变量从iframe发送到php

Question

我正在尝试将变量从 js 传递到 backoffice 页面。到目前为止，我已经尝试使用表单并从 javascript 提交它(但这会刷新页面，这是我不想要的)

• 我放弃了表单和 iframe(因此每次提交数据时页面不会重新加载)。该函数每隔几秒运行一次(因此应该提交表单):

<iframe style="visibility:hidden;display:none" action="location.php" method="post" name="location" id="location">
 <script>
   /*Some other stuff*/
    var posSend = document.getElementById("location");
    posSend.value = pos;
	posSend.form.submit();
  </script>

• 但是我的 php 页面不显示发布的值(我不太确定如何实际获取 $_POST 变量):

<?php
$postion = $_POST['location'];
echo $_POST['posSend'];
echo "this is the";
echo $position;
?>

• 我还按照此处的建议尝试了 $.post Using $.post to send JS variables但这也不起作用。

如何获取$_POST变量值？我无法使用 $_SESSION - 因为 backoffice 是一个不同的 session 。执行此操作的最佳方法是什么？

编辑我宁愿避免ajax和jquery

Answer 1

我认为您不需要为此目的使用表单或 iframe 。您只想了解用户而不刷新，然后使用以下方法与 ajax。

index.html 其中的代码将

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script>
    navigator.geolocation.getCurrentPosition(function(position) 
    { 
        pos = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
        $.ajax(
        {
            url:'location.php',
            type: 'POST',
            datatype: 'json',
            data: {'pos':pos},   // post to location.php
            success: function(data) {
                aler(data);
                // success
            },

            error: function(data) {
                alert("There may an error on uploading. Try again later");
            },

         });  
    });  
    </script>

location.php

echo "position :=".$_POST['pos'];