Ajax beginform 在 PartialView MVC 中的 JQuery 中不起作用

Question

我们从主控制器视图加载局部视图，如下所示： @Html.Partial("MapPartial", 模型)

在局部视图中，我想渲染一张地图。目前，我有一个带有提交按钮的 Ajax beginform，它调用控制器操作，onSuccess 将数据加载到 JavaScript 函数中，该函数呈现如下所示的地图。这很好用。

<div id="map"></div>

@using (Ajax.BeginForm("GetData", "Directory", new AjaxOptions { OnSuccess = "mapInit" }))
{
    <button class="btn" type="submit">update map</button>
}

更新：好的，我了解加载控制器主视图时首先加载 JQuery 代码/函数，但是如何在选择部分视图时自动渲染地图。我不介意使用可能会延迟一秒钟来渲染地图的加载/进度条。请帮忙。

Answer 1

尝试使用这个谷歌地图触发器。

google.maps.event.trigger(map, 'resize');

其中“地图”是您的谷歌地图对象

$(document).ready(function () {
$.post('Directory/GetData',{},function(data){            
        mapInit(data);
    },"json");
function mapInit(data) {
$('#MapParial').html(data);
google.maps.event.trigger(map, 'resize');
}

});

Answer 2

我不知道你想做什么，但试试这个帖子功能

$(document).ready(function () {
    $.post('Directory/GetData',{},function(data){            
            mapInit(data);
        },"json");
    function mapInit(data) {
    $('#MapParial').html(data);
    }
});