如何將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。