使用ajax在同一文件中将javascript变量传递给php函数，而无需刷新页面

Question

我正在使用PHP函数显示地理围栏。 我想将JavaScript变量传递给同一文件中的php函数，而无需刷新页面。

function load(id,type){
if(type===2){
  window.location.href="basic.php?idd=" + id;  // i want to change code here

<?php
   $cir =  get_fence_by_type($_GET['idd']);
   if($cir) {
   foreach($cir as $row){
     $fence_id  = $row['geo_id'];
   }
 }
?>

PHP函数是：

function get_fence_by_type($id){
    $query = "Select * from geofence where geo_id=".$id;
    $result = pg_exec($query);
    $d  = array();
    while($myrow = pg_fetch_assoc($result)) { 
        $d[] = $myrow;
    }   
    return  $d; //returns result in array
}

javascript window.location.href将javascript值传递给php函数，但也会重新加载页面。

Answer 1

如果使用的是jQuery，则可以使用$.ajax() 。 它使您可以将数据发送到服务器，并对响应进行处理。

例如：

$.ajax({
    type: 'POST',
    data: myvar
    success: function(Response) { console.log(Response); }
});

会将myvar发送到您的服务器（当然需要进行一些参数调整），并记录服务器发送回浏览器控制台的所有内容。

阅读有关使用jQuery的知识。

Answer 2

您可以使用jQuery完成此操作。 基本上，您无需刷新页面，只需对服务器执行异步查询即可获得响应。 在以下示例中，响应显示在警报框中。

您的“索引”文件：

function load(id,type)
{
    $.post("basic.php", { idd: idd }, function(data){ 
          alert(data); 
    });
}

和basic.php

<?php

function get_fence_by_type($id){
$query = "Select * from geofence where geo_id=".$id;
$result = pg_exec($query);
$d  = array();
while($myrow = pg_fetch_assoc($rs)) { 
    $d[] = $myrow;
}   
return  $d;
}
 $cir =  get_fence_by_type($_GET['idd']);
if($cir) {
 foreach($cir as $row){
 $fence_id  = $row['geo_id'];
}
}
?>