gpt4 book ai didi

javascript - ASP.Net 按钮重新加载整个页面

转载 作者:行者123 更新时间:2023-12-02 16:47:22 26 4
gpt4 key购买 nike

我正在涉足一些 ASP.NET 网页分页内容。从昨天开始我还是个菜鸟。

我正在尝试写一些基本的东西,有一个谷歌地图以及几个可以通过按钮删除的位置。我发现当我按下按钮时,标记会掉落,但随后整个页面会重新加载,并将谷歌地图窗口重置为其原始初始化状态。

任何建议、想法、方向都会很棒。

干杯

我的java脚本

<script type="text/javascript">

var map;
var myLatlng = new google.maps.LatLng(-27.4679, 153.0277);
var googleMapOptions;

function initialize()
{
googleMapOptions =
{
center: myLatlng,
zoom: 15,
panControl: true,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
scaleControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(document.getElementById("map-canvas"), googleMapOptions);
}

function addMyMarker()
{

var marker = new google.maps.Marker({
position: myLatlng,
map: map,
draggable: true,
animation: google.maps.Animation.DROP,
title: "This a new marker!",
icon: "http://maps.google.com/mapfiles/ms/micons/blue.png"
});
//alert('addMyMarker');
}
</script>

我的html/asp

<body onLoad="initialize()">
<div id="map-canvas" style="z-index: 1; left: 46px; top: 102px; position: absolute; height: 440px; width: 481px">
</div>

<form id="form1" runat="server">
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="images/WorldNormal.png" OnClick="OnClick"
OnMouseOver="src='images/WorldHighlight.png';" OnMouseOut="src='images/WorldNormal.png';"
style="z-index: 1; left: 549px; top: 88px; position: absolute; width: 87px; height: 21px" />
</form>
</body>

隐藏代码

protected void OnClick(object sender, EventArgs e)
{
Page.ClientScript.RegisterStartupScript(this.GetType(), "addMyMarker", "addMyMarker();", true);
}

最佳答案

这称为PostBack,是 ASP.NET WebForms 的重要组成部分。不过,您不需要它,因为您的 OnClick 方法仅添加一些要在页面上运行的 JS。您可以为页面上的按钮定义 OnClientClick 事件并避免回发。

<asp:ImageButton OnClientClick="addMyMarker(); return false;" />

(我删除了标签上不重要的属性以使我的答案更清晰)

注意最后的return false; - 它告诉按钮不要执行PostBack

关于javascript - ASP.Net 按钮重新加载整个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27005757/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com