如何将jQuery提交的php表单GET数据回显到另一个javascript代码和URL中？

Question

我正在开发一个应用程序，该应用程序将栅格/图像地图（png，tif）提取并显示为传单地图。 但是，我不喜欢页面和地图在提交表单后刷新。

另外，我希望地图仅刷新图像层。 使用常规方法，它充满了引用。 因此，我设法使此代码起作用。

    $('#forms').on('submit',function(e) {
        $.ajax({
            url:'fun.php',
            data:$('#forms').serialize(),
            type:'GET',
            success:function(result){
                $('#downloads').html(result);
            }
        });
        e.preventDefault();
    });

还有这里的传单图像层。

raster = L.imageOverlay('<?php echo $datafile;?>', [[33.00, 31.00], [43.50, 35.00]]);  

所以确切的问题是，$ datafile无法在小叶栅格图层上回显，我想在提交后重置表单值。 我试图在图像层的传单方法中使用setUrl，但它不起作用。

感谢您的帮助！

Answer 1

问题已经解决了。 首先，我将echo $datafile更改为echo '<script type="text/javascript">imageUrl = "'. $datafile. '"; </script>'; echo '<script type="text/javascript">imageUrl = "'. $datafile. '"; </script>'; 该js变量在html输出页面中回显。 然后，可以调用js变量imageUrl。

在那里，图像显示还有另一个问题。 没有找到文件时，我使用display:none隐藏了图像层div。 这导致图像无法显示。 因此，在jquery成功函数中，我必须添加$("img.leaflet-image-layer.leaflet-zoom-animated").show();

然后，一个朋友帮助我使用了传单的setUrl()函数添加了一个函数，该函数用于异步更改imageUrl。